css – 如何使多个div显示在一行,但仍保留宽度?

通常,您可以将元素设置为display:inline,如果您希望它们显示在同一行中。但是将元素设置为inline意味着width属性将是无意义的。

你如何使div在同一行而不使它们内联?

解决方法

您可以使用display:inline-block。

属性允许DOM元素拥有块元素的所有属性,但保持其内联。有一些缺点,但大部分时间是足够好。 Why it’s good and why it may not work for you.

编辑:唯一的现代浏览器,它有一些问题是IE7。见Quirksmode.org

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效