zoukankan      html  css  js  c++  java
  • 行内元素与块级元素的区别

      块级元素:

        同一标签内写两个以上,标签会换行显示,如设置宽,则与父级之间的宽度差由margin填充;

        宽度默认100%,高度随内容儿变化,宽高都可主动设置;

      行内元素:

        同一标签内写两个以上,标签会在同一行显示,并且之间会有空隙(该空隙是解析标签间空格所导致);

        宽,高默认为0;随内容变化,不可主动设置宽高、padding与margin的上下边距;

          常用的img可直接设置宽,高,margin,padding(因img表现的像inline-block);

        如想设置宽,高,margin,padding则需要转化为块级元素;

        display:inline-block   ----  转化为行内块级元素(是块级,不换行),

        display: block   ----  转化为纯块级元素(是块级,换行),

        两种转化方法,根据实际需求进行选择使用;

      text-align:  left

           right

           center

      可用于文字在其标签内部进行调整,或行内标签在其父级调整(display:inline,display:inline-block,均可)

      *******块级标签可解析,但没有效果********

      想要用text-align就必须有宽度差才会去作用

  • 相关阅读:
    [CF-Edu113]D. Inconvenient Pairs
    第3组团队Git现场编程实战
    团队项目-选题报告
    第一次个人编程作业
    第一次软工博客作业
    (二十二)python 3 sort()与sorted()
    (二十一)python 3 内置函数
    (二十)python 3 匿名函数
    (十九)python 3 内嵌函数和闭包
    (十八)python 3 回调函数
  • 原文地址:https://www.cnblogs.com/niulixin/p/7592054.html
Copyright © 2011-2022 走看看