1、块级元素 display:block
a、每个块级元素都从新的一行开始,并且其后的元素也另起一行。(一个块级元素独占一行)
b、元素的高度、宽度、行高以及顶和底边距都可设置。c、元素宽度在不设置的情况下,是它本身父容器的100%(和父元素的宽度一致),除非设定一个宽度。
d、将元素转换为块级元素 : a{display:block;}
2、内联元素 display:inline
a、和其他元素都在一行上;
b、元素的高度、宽度及顶部和底部边距不可设置;
c、元素的宽度就是它包含的文字或图片的宽度,不可改变。
d、建块级元素转换为内联元素: div{display:inline;}
注意:行内元素可能会出现间歇,解决办法:
1、将快中的代码写在一行,且之间不要有空格之类的符号。
2、使用font-size:0,如:div{font-size:0;}
3、内联块状元素 display:inline-block
a、和其他元素都在同一行;
b、元素的高度、宽度、行高以及顶和底边距都可设置;
c、同时具备内联元素、块状元素的特点