display:inline-block是什么意思

2022-04-18 教育 89阅读

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

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

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

扩展资料:

例子代码:

CodehighlightingproducedbyActiproCodeHighlighter(freeware)http://www.CodeHighlighter.com/-->-//W3C//DTDXHTML1.0Strict//EN" 

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

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

Div默认为block

加了block属性

加了block属性

加了block属性

没加block属性

没加block属性

没加block属性

声明:你问我答网所有作品(图文、音视频)均由用户自行上传分享,仅供网友学习交流。若您的权利被侵害,请联系fangmu6661024@163.com