如何使多个div显示在一行,但仍然保持宽度?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (23)

通常,如果希望元素在同一行中显示,则将元素设置为“内联”。但是,将元素设置为内联意味着宽度属性将毫无意义。

如何使div在不内联的情况下在同一行中?

提问于
用户回答回答于

你可以用display:inline-block

此属性允许DOM元素拥有块元素的所有属性,但使其保持内联。有一些缺点,但大多数时候,它是足够好的

用户回答回答于

我用了这个属性

display: table;

display: table-cell;

为了实现same.link,下面显示了三个用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>

扫码关注云+社区

领取腾讯云代金券