本文深入解析CSS中的display属性，详细阐述其默认值inline、none、block、inline-block、list-item等选项的功能与应用场景，通过实例展示如何使用display:block将span元素转换为块级元素。
display 属性规定元素应该生成的框的类型。
默认值：inline 默认。 元素前后没有换行符。规定应该从父元素继承 display 属性的值。
none 此元素不会被显示。
block 此元素将显示为块级元素，此元素前后会带有换行符。
inline-block 行内块元素。
结合了inline和block两者的特性于一身，
设置了inline-block属性的元素既拥有了block元素可以设置width和height的特性，
又保持了inline元素不换行的特性。
list-item 此元素会作为列表显示。
<style type="text/css">
span{
display:block;
background-color:tan;
height:30px;
width:200px;
}
</style>
</head>
<body>
<span>科学技术哲学</span>
<span>宗学</span>
<span>美学</span>
扫一扫
3148
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
