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

本文操作环境:windows10系统、css 3、thinkpad t480电脑。

在css中,我们可以使用display属性来定义盒的类型。下面简单介绍下display属性。

属性介绍:

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

属性值:

  • none 此元素不会被显示

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

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

  • inline-block 行内块元素。(CSS2.1 新增的值)

  • 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>

运行结果:

本站提供的所有下载资源均来自互联网,仅提供学习交流使用,版权归原作者所有。如需商业使用,请联系原作者获得授权。 如您发现有涉嫌侵权的内容,请联系我们 邮箱:alixiixcom@163.com