百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>CSS教程> display:inline有哪些意思?
分享文章到:

display:inline有哪些意思?

发布时间:09/01 来源:未知 浏览: 关键词:

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是啥意思?的具体内容,更多请关注百分百源码网其它相关文章!

打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有151人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板