Question

我有以下div，并且它旁边有许多html元素

<div id="master">....<option><option>  <input type="file"/>.<div></div>...</div>

我想要的是主div中的所有元素应该在一行中，当第一行被占用时，它应该开始在第二行放置元素

有可能吗？

Answer 1

尝试下面的css以获取div master内联

中的所有元素

<强> CSS

#master > *{
    display:inline-block;
}

你可以在这里检查样品..

Fiddle Demo

Answer 2

 #master {
width: 200px;
display: inline-block;
vertical-align: top;
}

或者 Click here

Answer 3

如果您希望所有孩子彼此一致，您可以使用float:left属性来完成。

检查此代码:(我认为这就是你想要的）

<div>
        <select style="float:left">
            <option>--select--</option>
        </select>
        <input type="text" style="float:left"/>
        <div style="float:left;position:relative;border:1px solid black">
            dummy Text
        </div>
        <select style="float:left">
            <option>--select--</option>
        </select>
        <input type="text" style="float:left"/>
        <div style="float:left;position:relative;border:1px solid black">
            dummy Text  dummy Text  dummy Text  dummy Text  dummy Text  
        </div>
        <select style="float:left">
            <option>--select--</option>
        </select>
        <input type="text" style="float:left"/>
        <div style="float:left;position:relative;border:1px solid black">
            dummy Text dummy Text dummy Text dummy Text dummy Text dummy Text dummy Text dummy Text
        </div>
    </div>

将元素放在一行html中

3 个答案: