div和span的block效果

HTML样式与块级元素

最新推荐文章于 2023-09-06 11:39:00 发布

原创最新推荐文章于 2023-09-06 11:39:00 发布 · 762 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#xhtml

web应用专栏收录该内容

6 篇文章

订阅专栏

本文详细解析HTML中span和div元素的默认属性，并通过代码示例展示如何将span元素设置为块级元素，理解块级元素的概念及其应用。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<style>
span,div{background-color:#F60;margin-bottom:5px;margin-left:5px;height:50Px;}
</style>

<div style="background-color:#F60">Div默认为 block</div>
<span style="display:block;">加了block属性</span>
<span style="display:block;">加了block属性</span>
<span style="display:block;">加了block属性</span>

<span>没加block属性</span>
<span>没加block属性</span>
<span>没加block属性</span>

一目了然。