块元素和行内元素

2021年9月25日 2点热度 0条评论 来源: UNDEFINED_AUBE

块元素和行内元素
(1)块级元素:排斥其他元素与其位于同一行(自己占一行,不能和别的元素放在同一行),可以
设定该元素的width、height,一般作为其他元素的容器,可以放块级元素、行内元素
<1>align属性(center、left、right值)针对于所有块级元素,对行内元素不起作用
<2>display属性值是block
(2)行内元素:只要一行未满,都可以放在同一行。不能设置width、height,可以与其他行内元素位于
同一行,不能包含块级元素,高度由字体决定,宽度由内容长度控制
<1>行内元素的宽度和高度由样式表设置,可以利用htlm的stytle属性设置
<2>display属性值是inline
通过操作样式表的属性stytle可以实现块级元素和行内元素互换
(1)块级元素的特点:
<1>总是在新行上开始,占据一整行
<2>宽、高、外边距、内边距可以设置
<3>宽度(内容区域)始终和浏览器一样和内容无关
<4>可以容纳行内元素和其他块级元素
(2)行内元素的特点:
<1>一行可以放多个行内元素
<2>不能设置宽、高
<3>宽度(内容区域)只与内容有关
<4>行内元素能容纳文本和其他行内元素,但不能容纳块级元素
P.S.img虽然是行内元素,但是它可以设置宽、高

    原文作者:UNDEFINED_AUBE
    原文地址: https://blog.csdn.net/UNDEFINED_AUBE/article/details/78747740
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系管理员进行删除。