Question

div,块元素与内联元素怎么互相转化

块元素怎么变内联元素

Answer 1

　　直接转换即可，如下 ：
　　<div style="display:inline">块变内联 </div><span style="display:block">内联变块</span>

　　内联元素(inline element)一般都是基于语义级(semantic)的基本元素。内联元素只能容纳文本或者其他内联元素，常见内联元素"a"。
　　块元素(block element)和内联元素(inline element)都是html规范中的概念。块元素和内联元素的基本差异是块元素一般都从新行开始。而当加入了css控制以后，块元素和内联元素的这种属性差异就不成为差异了。

Answer 2

内联转化为块状：display:block 或 float:left / right
块状转化为内联：display:inline;
但是要注意内联元素师不能设置宽度和高度的。

Answer 3

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

Answer 4

<div style="display:inline"> 我变行级元素了</div><span style="display:block">我变块级元素了</span>