内联元素和块级元素的怎么相互转换

html-css015

内联元素和块级元素的怎么相互转换,第1张

直接转换即可，如下 ：

<div style="display:inline">块变内联 </div><span style="display:block">内联变块</span>

内联元素(inline element)一般都是基于语义级(semantic)的基本元素。内联元素只能容纳文本或者其他内联元素，常见内联元素"a"。

块元素(block element)和内联元素(inline element)都是html规范中的概念。块元素和内联元素的基本差异是块元素一般都从新行开始。而当加入了css控制以后，块元素和内联元素的这种属性差异就不成为差异了。

内联CSS也可称为行内CSS或者行级CSS，它直接在标签内部引入，显著的优点是十分的便捷、高效；但是同时也造成了不能够重用样式的缺点，如果代码行数到达一定长度不建议采用。通常内联CSS作为测试使用，可以查找代码中bug。

<body>

<div style="width: 65pxheight: 20pxborder: 1px solid">测试元素</div>

</body>