元素显示模式就是
元素(标签)以什么方式进行显示
,比如<div>自己占一行
,比如一行可以放多个<span>
。
常见的块元素:
<h1>~<h6>
、<p>
、<div>
、<ul>、<ol>、<li>
<div>
标签是最典型的块元素。
自己独占一行
。高度,宽度、外边距以及内边距都可以控制
。宽度默认是容器(父级宽度)的100%
。里面可以放行内或者块级元素
。文字类的元素内不能放块级元素
<p>
,<h1>~<h6>
等都是文字类块级标签,里面也不能放其他块级元素
<a>、<span>、<strong>、<b>、<em>、<i>、<del>、<s>、<ins>、<u>
<span>
标签是最典型的行内元素。有的地方也将行内元素称为内联元素。
一行可以显示多个
。高、宽直接设置是无效的
。默认宽度就是它本身内容的宽度
。只能容纳文本或其他行内元素
。链接里面不能再放链接
特殊情况链接 <a>
里面可以放块级元素
,但是给 <a>
转换一下块级模式最安全
<img />、<input />、<td>
一行可以显示多个
(行内元素特点)。默认宽度就是它本身内容的宽度
(行内元素特点)。高度,行高、外边距以及内边距都可以控制
(块级元素特点)。一个模式的元素需要另外一种模式的特性
转换方式
display:block;
display:inline;
display: inline-block;