CSS元素显示模式:块元素、行内元素等
1.分为
块元素
<h1>、<p>、<div>独占一行,可以设置内外边距等
若没有设置宽度,则和父级一样宽
行内元素
<span> 一行放多个
行-内块元素
可以在一行,也可以调节宽高等
2.元素显示模式转换(经常使用)
1)行内元素链接<a> 转换成块级元素
display:block;
2) 转行内元素
display:inline;
3) 转行-内块
display:inline-block;
块元素
<h1>、<p>、<div>独占一行,可以设置内外边距等
若没有设置宽度,则和父级一样宽
行内元素
<span> 一行放多个
行-内块元素
可以在一行,也可以调节宽高等
1)行内元素链接<a> 转换成块级元素
display:block;
2) 转行内元素
display:inline;
3) 转行-内块
display:inline-block;