块级元素与行内元素
- 默认情况下,块级元素会新起一行。
- 一般块级元素可以包含行内元素和其他块级元素。
行内元素
- 默认情况下,行内元素不会以新行开始,而块级元素会新起一行。
- 一般情况下,行内元素只能包含数据和其他行内元素。
display
- display CSS属性指定用于元素的呈现框的类型。
块级元素的display 不都是block;比如<table>和<li>的display分别是list-item和table
- 遇到个问题,li 里包含的img 下面会留有一个空白线,这是由于img的display是inline,所以文本显示是有基准线的,所以例如q、g等会下面会留有空白,将其display:block即可。
- li 也是会为之间留有默认空白,所以display:block; 也可以消除空白