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

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




原文地址:https://www.cnblogs.com/cxchanpin/p/6888182.html