css - 文本对齐的媒体查询 : center

标签 css text alignment media-queries center

我在媒体查询方面遇到了一些问题。我正在尝试仅将移动设备的文本居中。我已经将以下内容添加到我的 CSS 中,但它似乎并没有起到作用。任何帮助将非常感激。谢谢!

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

最佳答案

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

检查您的代码是否有关于 .category-compare 的先前 text-align 规则,并检查它是如何嵌套的,即:.main-content .left-侧.category-compare。如果它是这样嵌套的,您将需要为您的媒体查询做同样的嵌套。

关于css - 文本对齐的媒体查询 : center,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31088122/

相关文章:

html - 以百分比创建一个CSS三 Angular 形

html - <button> 元素内的内联 block

javascript - 使用 javascript : mysteriously generated paragraph tags 解析文本

text - SwiftUI 位置文本右下角?

html - Bootstrap 输入与按钮对齐

css - 图片未对齐且高度不同

css - 如果窗口太小,更改 div 对齐方式

jquery - 限制文本框的宽度

javascript - 如何获取带有选定文本的div?

Javascript - 悬停时 addClass() 不起作用