内边距

作者: 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;

    相关文章

      网友评论

          本文标题:内边距

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