常用的行内元素和块级元素、它们各自的特点是什么?

2021-09-10  本文已影响0人  卑微小李学前端

块元素:

      div,li,ul,p,h1-h6

特点:

     (1)所有的块级元素都会独占一行;

     (2)块级元素可以直接设置其宽度和高度;

     (3)如果一个块级元素没有设置宽度,那么其默认的宽度是父元素的宽度。

行内元素:

span,a,strong,em,b,i,font,strike

特点:

      (1)所有行内元素都在一行上显示;

      (2)行内元素没有宽度和高度(即使设置也不生效)。

常见行内块元素:img ,input ,select ,textarea ,button ,label …

特点:

    (1)与所有的行内元素相同都在一行上显示

     (2)与块级元素相同可以设置宽度和高度。

不同元素之间的转换方式

转换为块级元素:disaplay : block

转换为行内块元素:dispaly : inline-block

转换为行内元素:display : inline

上一篇 下一篇

猜你喜欢

热点阅读