display:inline有哪些意思?
display:inline的意思是设定对象做为行内元素显示,inline是内联对象的默许值,而一样用的div是块级元素,默许display属性是block,但将div的display设定为inline的话,则多个div显示在一行。
display:inline的意思是:
设定对象做为行内元素显示,inline是内联对象的默许值(ps:内联对象就是不主动发生换行的元素,比方span) 而我们一样用的div是块级元素,默许display属性是block, 但将div的display设定为inline的话,则多个div可以像span一样显示在一行了。
它可以让行内显示为块的元素,变为行内显示,例如
<div> DIV1 </div> <div> DIV2 </div>
这里DIV1和DIV2离别占一行,但是你给他们加上属性后变了
<div style= "display:inline "> DIV1 </div> <div style= "display:inline "> DIV2 </div>
DIV1和DIV2这时候显示在统一行了,试试看吧。
和 display:inline 对应的是 display:block,block 会让利用了该 CSS 属性的 HTML 标志变成块级别元素,例如 SPAN 是行内显示的,但是你加了 display:block 属性就不一样了
<span style= "display:block "> SPAN1 </span> <span style= "display:block "> SPAN2 </span>
引荐教程: 《css教程》
以上就是display:inline是啥意思?的具体内容,更多请关注百分百源码网其它相关文章!