如何让多个div在一行中显示，同时仍然保持宽度？
如何让多个div在一行中显示，同时仍然保持宽度？
提问于 2012-01-19 10:14:03
通常，如果希望元素显示在同一行中，可以将元素设置为display: inline。但是，将元素设置为inline意味着width属性将没有意义。
如何使div在同一行中而不使它们内联？
回答 4
Stack Overflow用户
发布于 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而不使用内联显示的人有所帮助。
Stack Overflow用户
发布于 2018-06-04 19:15:27
Flex是更好的方法。试试看..。
display: flex;Stack Overflow用户
发布于 2012-01-19 10:36:53
你可以使用float: left来浮动你的列div，并给它们指定宽度。
为了确保不会弄乱其他内容，您可以将浮动的div包装在父div中，并为其提供一些清晰的浮动样式。
希望这能有所帮助。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/8920247
复制相关文章
相似问题