CSS对齐页面标题中心宽度

w41d8nur 于 2023-06-25 发布在其他

关注(0)|答案(2)|浏览(109)

有人能看出我错过了什么吗。我只是想把页面标题的中心宽度对齐。然而，没有任何工作。h1元素不会达到其父容器的100%宽度（实际上是浏览器的宽度），无论我怎么尝试（我已经尝试了20种不同的值组合）……

.ast-archive-description {
    background: #000000 !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    width: 100% !important;
}
.ast-archive-title {
    text-align:center !important;
    color: #FFCC00 !important;
    width: 100% !important;
}

在这个页面上：https://holyspiritprints.com/category/fine-art-prints/sweet-psalms-arizona/

css

来源：https://stackoverflow.com/questions/76502015/css-to-align-page-title-center-width

2条答案

按热度按时间

brgchamk1#

在你的页面上刮了一点之后，我注意到了很多规则覆盖（规则被划掉的地方）。这应该避免，因为它使得很难看到什么规则适用于哪里，以及添加不必要的css。这里的违规规则是这样的：

body.archive .ast-archive-description {
    max-width: 1200px;
}

禁用它会使文本居中。
如果编辑这个css不是一个选项，你可以覆盖它来取消设置

body.archive .ast-archive-description {
    max-width: unset !important;
}

另外请注意，你已经包括了相同的CSS文件两次（我不知道这是不是WordPress的错）

赞(0）回复(0）举报 2023-06-25

ghhaqwfi2#

尝试添加以下内容：

.ast-archive-description {
  max-width: none;
}

赞(0）回复(0）举报 2023-06-25

我来回答

CSS对齐页面标题中心宽度

2条答案

相关问题

热门标签

最新问答