Tips：
A：没有设置图片的background-position.
A：
1.然后设置一个上下padding，撑开图片，保持文字居中。
2.绝对定位居中
将背景图的div设置为height：100%，相对定位，文字块绝对定位。很奇怪为什么需要设置height，因为已经设置了background-size了，以为图片会自动撑满。
3.看到其他同学的做法是设置为表格元素，这样可以直接用属性vertical-align：middle设置垂直居中。
4.添加外边距，但是直接对文字块设置上外边距会出现这种效果：
所以这里我们将header设置为BFC，再添加上边距
注意这里边距直接使用像素，会比百分比好。因为所有元素都已经确定了。
版权归INTERNALENVY和饥人谷所有，转载请注明出处。
实战1： 实战2： 实战1： 实战2：
MySQL实战 MySQL实战1 数据库概念介绍MySQL实战2 语法、筛选条件和函数MySQL实战3 分组查询和...
Tips： Q：调整浏览器宽窄时，发现只有header的文字动，背景图案不动是怎么回事？ A：没有设置图片的bac...
1.《实战写作》一本写作秘籍 每周一更新001【实战写作】（1）写作有多难？002【实战写作】（2）选题是门学问0...
阅读本文大约需要 9 分钟 实战-MySQL定时全量备份（1） 实战-MySQL定时增量备份（2） 实战-将MyS...
传送门《Netty 实战》第1，2，3章 《Netty 实战》第4，5，6章 《Netty 实战》第7，8，9...
传送门《Netty 实战》第1，2，3章 《Netty 实战》第4，5，6章 《Netty 实战》第7，8，9...
传送门《Netty 实战》第1，2，3章 《Netty 实战》第4，5，6章 《Netty 实战》第7，8，9...
传送门《Netty 实战》第1，2，3章 《Netty 实战》第4，5，6章 《Netty 实战》第7，8，9...
传送门《Netty 实战》第1，2，3章 《Netty 实战》第4，5，6章 《Netty 实战》第7，8，9...
本文标题：实战1
本文链接：https://www.haomeiwen.com/subject/hfwvdttx.html
网友评论