css中如何定义盒的类型-创新互联

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

创新互联为客户提供专业的成都网站设计、成都做网站、程序、域名、空间一条龙服务,提供基于WEB的系统开发. 服务项目涵盖了网页设计、网站程序开发、WEB系统开发、微信二次开发、移动网站建设等网站方面业务。

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

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

属性介绍:

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

属性值:

  • none    此元素不会被显示

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

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

  • inline-block    行内块元素。

  • list-item    此元素会作为列表显示

示例:




 
菜鸟教程(runoob.com)




这两个段落生成内联盒子,和它的结果

这两个元素之间没有距离。

运行结果:


css中如何定义盒的类型

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


分享名称:css中如何定义盒的类型-创新互联
浏览路径:http://cdiso.cn/article/ijjco.html

其他资讯