display:inline是什么意思?

display:inline的意思是设置对象做为行内元素显示,inline是内联对象的默认值,而一般用的div是块级元素,默认display属性是block,但将div的display设置为inline的话,则多个div显示在一行。

display:inline是什么意思?

display:inline的意思是:

设置对象做为行内元素显示,inline是内联对象的默认值(ps:内联对象就是不自动产生换行的元素,比如span) 而我们一般用的div是块级元素,默认display属性是block, 但将div的display设置为inline的话,则多个div可以像span一样显示在一行了。

它可以让行内显示为块的元素,变为行内显示,例如

DIV1
DIV2

 这里DIV1和DIV2分别占一行,但是你给他们加上属性后变了

DIV1
DIV2

    

DIV1和DIV2这时候显示在同一行了,试试看吧。

    和 display:inline 对应的是 display:block,block 会让应用了该 CSS 属性的 HTML 标记变成块级别元素,例如 SPAN 是行内显示的,但是你加了 display:block 属性就不一样了

 SPAN1   SPAN2 

推荐教程: 《css教程》

以上就是display:inline是什么意思?的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1615559.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
style标签怎么用?
上一篇 2025年12月24日 04:57:03
css3如何画出小黄人并实现动画效果?(代码示例)
下一篇 2025年12月24日 04:57:22

相关推荐

发表回复

登录后才能评论
关注微信