行内元素与块元素

行内元素与块元素

行内元素

What

<span>, <a>, <img>,<input>, <label>

How

1. 不能设置宽度与高度,只由文本决定，没有内容就是空白，在水平方向上，有内容了就直到一行填满才开启下一行

2. 通常只包含数据和其他行内元素：所以包裹块元素时，要设置成块元素
   

3. img之间有默认的间隙，根据浏览器不同而不同，所以一开始要干掉这个间隙
   设置font-size = '0'

块元素

What

e.g.
<div><p><h1><form><ul><ol><li>

How

1. 独占一行：块元素会自动开始一个新行,垂直排放，并且占据整个容器的宽度。
2. 可以设置宽度与高度
3. 可以包含其他所有的元素。