这篇文章主要介绍了CSS中如何定义盒的类型,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。css中使用display属性来定义盒的类型。display属性规定元素应该生成的框的
这篇文章主要介绍了CSS中如何定义盒的类型,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。
css中使用display属性来定义盒的类型。display属性规定元素应该生成的框的类型,如【display:inline】,表示元素会被显示为内联元素,元素前后没有换行符。
在css中,我们可以使用display属性来定义盒的类型。
属性介绍:
display 属性规定元素应该生成的框的类型。
属性值:
none 此元素不会被显示
block 此元素将显示为块级元素,此元素前后会带有换行符
inline 默认。此元素会被显示为内联元素,元素前后没有换行符
inline-block 行内块元素。
list-item 此元素会作为列表显示
示例:
<!DOCTYPE html><html><head><meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title><style>p {display:inline}</style></head><body><p>这两个段落生成内联盒子,和它的结果</p><p>这两个元素之间没有距离。</p></body></html>
运行结果:
感谢你能够认真阅读完这篇文章,希望小编分享的“css中如何定义盒的类型”这篇文章对大家有帮助,同时也希望大家多多支持编程网,关注编程网精选频道,更多相关知识等着你来学习!
--结束END--
本文标题: css中如何定义盒的类型
本文链接: https://www.lsjlt.com/news/248155.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑,方便收藏和打印~
2024-05-16
2024-05-16
2024-05-16
2024-05-16
2024-05-16
2024-05-16
2024-05-16
2024-05-16
2024-05-16
2024-05-16
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
0