首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >使用css在多个div中将图像水平居中

使用css在多个div中将图像水平居中
EN

Stack Overflow用户
提问于 2015-09-16 09:29:56
回答 1查看 37关注 0票数 0

每当用户调整页面大小时,我都会使用css媒体查询来调整一系列div。我可以让所有东西都居中,但它并不一致。所有div都应该有相同的css来居中,但是对于@media (max-width: 560px)媒体查询(最后一个),我必须这样做:

代码语言:javascript
运行
复制
#game_box .text_holder {
    margin-left: 25px;
}

#kids_devotional_box .text_holder {
    margin-left: 0px;
}

#family_devotional_box .text_holder {
    margin-left: 0px;
}

我的问题是,为什么不是所有的页边距-左边都是一样的?如果我将它们全部设置为0px或25px,一些将关闭,而另一些将居中。我在别的地方做错了什么吗?另外,请随时给我关于我的css的提示,因为我是非常新的。

https://jsfiddle.net/dholl7213/kmkphavj/20/

EN

回答 1

Stack Overflow用户

发布于 2015-09-16 09:37:22

使用页边距和填充以及所有的%,这可能会对您有所帮助,例如:

代码语言:javascript
运行
复制
margin-right: 20%; 
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/32598296

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档