美文网首页
CSS 中的行级元素和块级元素

CSS 中的行级元素和块级元素

作者: 远山1984 | 来源:发表于2018-07-05 16:24 被阅读0次

    CSS 中的行级元素,和块级元素。

                常见块级元素:div  p  form ul ol li 等;

                 常见的行内元素:span stronh em;

    差别:

    一 . 块级元素: 块级元素会占满一行。 WIDTH 会默认占满父容器WIDTH。

           行级元素: 行级元素一般不会独占一行。相邻行内元素可排在同一行。

    二 . 块级元素可以设置WIDTH和HEIGHT,行内元素设置WIDTH和HEIGHT无效,而且块级元素即使设置了宽度也还是独占一行。

    三 . 块级元素可以设置MARGIN和PADDING属性 。 行内元素水平方向的MARGIN和PADDING如MARGIN-LEFT,PADDING-LEFT 可以产生边距效果。但是竖直方向的如 PADDING-TOP , MARGIN-BUTTON不会生产边距效果。

    相关文章

      网友评论

          本文标题:CSS 中的行级元素和块级元素

          本文链接:https://www.haomeiwen.com/subject/epvpuftx.html