几种元素的用法

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/android_s123/article/details/50437431
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、同时具备内联元素、块状元素的特点


展开阅读全文

没有更多推荐了,返回首页