css中如何定义盒的类型

这篇文章主要介绍了css中如何定义盒的类型,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获、下面让小编带着大家一起了解一下。

css中使用显示属性来定义盒的类型.display属性规定元素应该生成的框的类型,如【显示:内联】,表示元素会被显示为内联元素,元素前后没有换行符。

在css中,我们可以使用显示属性来定义盒的类型。

属性介绍:

显示属性规定元素应该生成的框的类型。

属性值:

<李>

没有,,此元素不会被显示

<李>

块,,此元素将显示为块级元素,此元素前后会带有换行符

<李>

内联,,默认。此元素会被显示为内联元素,元素前后没有换行符

<李>

inline-block,,行内块元素。

<李>

列表项,,此元素会作为列表显示

示例:

& lt; ! DOCTYPE  html> 　　& lt; html> 　　& lt; head> 　　& lt; meta  charset=皍tf-8"祝辞, 　　& lt; title>菜鸟教程(runoob.com) & lt;/title> 　　& lt; style> 　　p {显示:内联} 　　& lt;/style> 　　& lt;/head> 　　& lt; body> 　　 　　& lt; p>这两个段落生成内联盒子,和它的结果& lt;/p> 　　 　　& lt; p>这两个元素之间没有距离。;/p> 　　 　　& lt;/body> 　　& lt;/html>

运行结果:

感谢你能够认真阅读完这篇文章,希望小编分享的“css中如何定义盒的类型”这篇文章对大家有帮助,同时也希望大家多多支持,关注行业资讯频道,更多相关知识等着你来学习!

css中如何定义盒的类型