内边距

作者: pangzhi | 来源:发表于2018-05-25 20:50 被阅读0次

什么是内边距;

是指容器中的内容和容器上右下左之间的距离

什么是外边距;

只指标签和标签之间的距离

外边距在水平方向不叠加的,垂直方向要叠加,谁的大显示谁的

box-sizing;   这用来保证,添加边框和内边距后,元素的宽高不变?

margin 和padding的区别

margin本质是用来控制兄弟关系之间的距离的,如果要用在嵌套关系中;一定要在他的父容器中添加一个边框属性border

不然;你在嵌套中的那个用外边距定位的时候;水平方向没有问题 ;但是垂直方向会和他发父元素一起移动;

如果是嵌套关系定位建议用padding;

margin:0 auto;这种是用在嵌套关系中 ;用来让被嵌套的元素在嵌套的元素中水平居中;这个只能是水平有效果;对垂直                                   定位没有作用



text-align:center和margin:0 auto;的区别;

1;text-align:center;是对盒子中的文字和图片水平居中;对他中间的盒子元素没作用

2;margin:0 auto;是让盒子自己本身水平居中;



line-height:; 行高 他只能作用于一行文字;让这一行文字垂直居中; 如果多行文字我们只能用padding;

相关文章

  • 07-client属性

    clientWidth = 宽度 + 内边距offsetWidth = 宽度 + 内边距 + 边框 clientH...

  • CSS

    padding 顺时针方向 上内边距是 10px 右内边距是 5px 下内边距是 15px 左内边距是 20px

  • 内边距

    什么是内边距; 是指容器中的内容和容器上右下左之间的距离 什么是外边距; 只指标签和标签之间的距离 外边距在水平方...

  • 内边距

    内边距 1.内边距为边框和内容之间的内边距 2.格式 padding-top padding-right padd...

  • 内外边距

    外边距 内边距

  • 04-盒子

    padding-top:100px 内边距 背景会延伸到内边距 修改内边距会影响和子的大小 padding:上...

  • 盒模型(Box Model)

    盒模型由元素内容,内边距,外边距,边框组成。 一、内边距(padding) .box{ padding-top:...

  • 盒模型

    1.盒模型包括哪些属性 内容content、内边距padding、边框border、外边距margin 内边距、边...

  • 前端Day11

    CSS内边距 内边距是设置盒子与子盒子之间的距离。 pading: 10px; 设置上下左右都是10px的内边距。...

  • 前端(四)

    内边距 内边距指的就是元素内容区与边框以内的空间。 使用padding属性来设置元素的内边距。 默认情况下widt...

网友评论

      本文标题:内边距

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