您好,欢迎来到好土汽车网。
搜索
您的当前位置:首页html元素类型块级元素、内联元素(又叫行内元素)和内联块级元素。_html/css

html元素类型块级元素、内联元素(又叫行内元素)和内联块级元素。_html/css

来源:好土汽车网
html中的标签元素大体被分为三种不同的类型:块级元素、内联元素(又叫行内元素)和内联块级元素。

块级元素特点:

1、每个块级元素都从新的一行开始,并且其后的元素也另起一行。(霸道,一个块级元素独占一行)

2、元素的高度、宽度、行高以及顶和底边距都可设置。

3、元素宽度在不设置的情况下,是它本身父容器的100%(和父元素的宽度一致)

常用的块状元素有:

...

    、、、、、 、

    设置display:block;可以将元素转换块级元素。

    内联元素特点:

    1、和其他元素都在一行上;

    2、元素的高度、宽度及顶部和底部边距不可设置;

    3、元素的宽度就是它包含的文字或图片的宽度,不可改变。

    常用的内联元素有:

    、、
    、、

    设置display:inline;可以将块状元素转换为内联元素

    内联块级元素特点:(同时具备内联元素、块级元素的特点)


    1、和其他元素都在一行上;

    2、元素的高度、宽度、行高以及顶和底边距都可设置!

    常用的内联块状元素有:

    display:inline-block;float:left / right;position:absolute/fixed;可以将元素设置为内联块级元素。

    Copyright © 2019- howto234.com 版权所有 湘ICP备2022005869号-3

    违法及侵权请联系:TEL:199 1889 7713 E-MAIL:2724546146@qq.com

    本站由北京市万商天勤律师事务所王兴未律师提供法律服务