美文网首页
盒子居中和内容居中

盒子居中和内容居中

作者: 5a4982b9b5fe | 来源:发表于2016-11-20 13:04 被阅读0次

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

text-align让盒子存储的文字和图片水平居中

margin:0 auto让盒子自己水平居中

2.为什么清空默认边距

为了更好的控制盒子的位置,编写代码之前,清空默认边距

*{

margin:0;

padding:0;

}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{

margin:0;

padding:0;

}企业开发必须用这个

3.行高

css中所有的行都有高度

盒子的高为行高,默认情况下文字在行高中默认为垂直居中的

1)如何让文字在盒子里面垂直居中

将盒子的高度和行高设置为一致,那么一行文字就会在盒子里面垂直居中

在多行文字中,通过padding来让文字居中box-sizing:border-box让元素的宽高不发生变化

2)顶部的内边距不是边框到文字顶部的距离,而是边框到行高顶部的而距离


相关文章

网友评论

      本文标题:盒子居中和内容居中

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