如何在表单左侧显示内容

Question

我正在尝试在表单<aside class="side-buttons">左侧显示ytengine-form，但其无效 - 链接为here。

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

Answer 1

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

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

然后代替将旁边标签内的每个图像浮动到左侧浮动div（.side-buttons）到左边，然后将显示属性设置为其内部的图像来阻止，这将允许每个图像显示一个在另一个之上。例如：

.side-buttons{
    float:left;
}

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

注意：我使用宽度：65％来保持旁边标签内的图像靠近表格。然后我使用margin：0 auto将它们置于屏幕中心。