html 行级元素与块级元素整理。

1、什么是行级元素和块级元素。ide

块级元素特色:spa

1.霸占一行,没法与任何元素并列。it

2.能接受宽,高。class

3.若是不设置宽度,那么块级元素会占父标签的100%。容器


行内元素:di

1.能够与其余行内元素并排。view

2.不能设置宽高。vi


基本上全部的文本级标签,都是行内元素,例如:p,span,a,b,em等等。。。(p标签比较特殊,是文本级标签,可是是块级元素)标签

全部容器及标签都是块级元素,例如:div,h,li,dt,dd,pco


2、行内元素和块级元素互相转换。

一旦只要给一个块级别标签加上display: inline;  这个标签就会变为行内元素。

display: inline; #能够将块级别的元素转换为行内元素。

相反若是要将一个行内元素转换为块级元素,能够使用display: block;

display: block; #将行级标签转换为块级标签。 

相关文章
相关标签/搜索