display:inline-block是什么意思-百问十三

display:inline-block是什么意思

的有关信息介绍如下：

意思是用来处理行内非替换元素的高宽问题的！

行内非替换元素，比如span、a等标签，正常情况下士不能设置宽高的，加上该属性之后，就可以触发让这类标签表现得如块级元素一样，可以设置宽高。

将对象呈现为inline对象，但是对象的内容作为block对象呈现。之后的内联对象会被排列在同一行内。比如我们可以给一个link（a元素）inline-block属性值，使其既具有block的宽度高度特性又具有inline的同行特性。

display:inline-block是什么意思

例子代码：

Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<style>

span,div{background-color:#F60;margin-bottom:5px;margin-left:5px;height:50Px;}

</style>

<div >Div默认为 block</div>

<span >加了block属性</span>

<span>没加block属性</span>