css - 如何在表单左侧显示内容

Question

我正在尝试显示 <aside class="side-buttons">在表格的左侧 ytengine-form但它不起作用 - 链接是 here .

我怎样才能让它发挥作用？

Answer 1

这可能是一个解决方案，将 form(ytengine-form) 和 aside 标签放在一个 div 中，给它一个类名(例如 .form-wrapper 或您喜欢的任何其他名称)，然后将以下 css 规则应用于它

.form-wrapper{
 width:65%;
 margin:0 auto;
}

然后不是将 aside 标签内的每个图像向左浮动，而是将 div(.side-buttons) 向左浮动，然后将 display 属性设置为其内部的图像以阻止，这将允许每个图像显示一个在另一个之上。示例:

.side-buttons{
    float:left;
}

.side-buttons img {
    width: 70px;
    height: auto;
    background:#FFFFF;
    padding : 10px;
    display:block;
}

注意:我使用 width:65% 来使 aside 标签内的图像靠近表单。然后我使用 margin:0 auto 使它们在屏幕上居中。