text-align:center的媒体查询

时间:2015-06-27 11:14:20

标签: css text alignment media-queries center

我在媒体查询方面遇到了一些问题。我试图仅为移动设备设置中心文字。我已将以下内容添加到我的CSS中,但它似乎没有做到这一点。任何帮助将非常感激。谢谢!

@media only screen and(max-width:500px){。category-compare {text-align:center;}}

2 个答案:

答案 0 :(得分:0)

确保您的嵌套正确无误。媒体查询非常迂腐。

检查代码中text-align以前的.category-compare规则,并检查它是如何嵌套的,即:.main-content .left-side .category-compare。如果它是这样嵌套的,则需要为媒体查询执行相同的嵌套。

答案 1 :(得分:0)

请将text-align:center;替换为text-align:center !important;。这是强制文本对齐属性。