通常,如果希望元素显示在同一行中,可以将元素设置为display: inline。但是,将元素设置为inline意味着width属性将没有意义。
如何使div在同一行中而不使它们内联?
发布于 2012-06-21 02:00:56
我用了这个属性
display: table;
和
display: table-cell;
为了实现same.Link to fiddle,下面显示了3个包装在div中的表,这些div进一步包装在父div中
<div id='content'>
<div id='div-1'><!-- Contains table --></div>
<div id='div-2'><!-- contains two more divs that require to be arranged one below other --></div>
</div>
这里是jsfiddle:http://jsfiddle.net/vikikamath/QU6WP/1/,我想这可能会对那些想要在同一行中设置div而不使用内联显示的人有所帮助。
发布于 2018-06-04 19:15:27
Flex是更好的方法。试试看..。
display: flex;
发布于 2012-01-19 10:36:53
你可以使用float: left来浮动你的列div,并给它们指定宽度。
为了确保不会弄乱其他内容,您可以将浮动的div包装在父div中,并为其提供一些清晰的浮动样式。
希望这能有所帮助。
https://stackoverflow.com/questions/8920247
复制相似问题