码迷,mamicode.com
首页 > 其他好文 > 详细

关于 display:inline-block

时间:2015-01-30 20:51:32      阅读:185      评论:0      收藏:0      [点我收藏+]

标签:

文章摘自:http://blog.csdn.net/cicada_slough/article/details/43305333

display:inline-block将对象呈递为内联对象,但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内,允许空格。 (准确地说,应用此特性的元素呈现为内联对象,周围元素保持在同一行,但可以设置宽度和高度地块元素的属性) 
inline-block 的元素既具有 block 元素可以设置宽高的特性,同时又具有 inline 元素默认不换行的特性。当然不仅仅是这些特性,比如 inline-block 元素也可以设置 vertical-align 属性。
HTML 中的换行符、空格符、制表符等合并为空白符,字体大小不为 0 的情况下,空白符自然占据一定的宽度,使用inline-block 会产生了元素间的空隙。

关于 display:inline-block

标签:

原文地址:http://www.cnblogs.com/csblog/p/4263050.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!