块状元素(div)与内联元素（span）

最新推荐文章于 2022-07-31 22:52:28 发布

无盐海

最新推荐文章于 2022-07-31 22:52:28 发布

阅读量2.7k

点赞数

分类专栏： CSS 文章标签：块状元素div与内联元素span

本文链接：https://blog.csdn.net/Fanbin168/article/details/37884293

版权

CSS 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

<pre class="html" name="code"><html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
</head>
<body>
<p>
块状元素
一般是其他元素的容器，可容纳内联元素和其他块状元素，块状元素排斥其他元素与其位于同一行，宽度(width)高度(height)起作用。常见块状元素为div和p,body
</p>

<p style="display:inline">将块状元素转换成内联元素:将display设为inline就可以了<p>



<p>
内联元素
内联元素只能容纳文本或者其他内联元素，它允许其他内联元素与其位于同一行，但宽度(width)高度(height)不起作用。常见内联元素为“a”“span”
</p>

<a href="http://www.baidu.com" style="display:block">将内联元素转换成块状元素:将display设为block就可以了</a>

</body>
</html>