背景布局与水平文字居中
来源：5-2 作业题
一瞬间的领悟
2017-06-17 16:18:33
老师，这块我用的是背景图显示，目前有2个问题。
问题1：一般公司在做这种平铺的图片的时候，一种方法采用的是背景居中，然后给外围加背景颜色。那么在线上项目，推荐拉伸，拉平它。还是怎么做。我对100%背景大图这块，掌握不太好。
问题2：一个h2文字，一个p文字，如何让他们水平在整个图片的中间，垂直居中不会写。
写回答
1回答
-
小于飞飞
2017-06-17
第一个问题：
设置背景，将其宽度设置 100% 充满这个区域。
使用css3 属性：
background: url(bg.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
第二个问题：这个要根据你的代码情况来写代码：
水平居中，可以使用 text-align: center;
垂直居中，可以通过 margin 来设置（根据整体高度来计算），如其他设置，参考该问题：http://class.imooc.com/course/qadetail/2344
希望对你有帮助，祝学习愉快。欢迎采纳。
0
相似问题
5-2banner文字居中
回答 3