元素转换

div {
  display: block;
}

属性

元素显示模式

• 块元素
• 行内元素
• 行内块元素

块元素

特点

• 独占一行
• 有宽度、高度
• 宽度默认是容器(父级宽度)的100%
• 是一个容器，可以放行内或者块级元素

注意

• 文字类的元素内不能使用块元素

<p>``<h1>~<h6>``<div>``<ul>``<ol>``<li>

行内元素

特点

• 一行可以显示多个
• 没有高度、宽度
• 默认认是它本身内容的宽度
• 只能容纳文本或其它行内元素

注意

• 链接里面不能放链接
• 链接可以放块元素，最好让链接变为块元素

<a>``<span>``<strong>``<em>``<del>

行内块元素

特点

• 一行可以显示多个，中间会有空白缝隙
• 有宽度、高度
• 默认认是它本身内容的宽度

注意

<img />``<input />