Html 如何使用CSS将页面标题水平居中对齐

发布于06月19日

有人能看到我错过了什么吗.我只是试着对齐页面标题的中心宽度.然而，这一切都不管用.无论我try 什么(我try 了20种不同的值组合)，h1元素都不会达到其父容器的100%宽度(实际上是浏览器宽度)……

.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.这里令人不快的规则是:

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

Disabling it centeres the text.
If editing this css isn't an option you can override it to unset

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

还要注意的是，您已经两次包含相同的css文件(我不知道这是不是WordPress的错)

Html相关问答推荐

使用tauri构建的Next.js应用程序不显示我的404页面

NG8004：找不到名为""的管道.'' [插件Angular 编译器]

css网格区域的布局不展开，也不显示滚动条

注册组件不显示当我导航到注册站点

Select 包含iframe的图形<><>

如何收集<；p&>元素下的<；p>；子元素

Chatbox底部显示新消息，并向上推送旧消息

如何使用*ngFor将模板从父级传递到子级

错误时交换表单，成功时使用HTMX重定向

(HTML框架标签)点击后目标框架将不再工作

如何为高度较小的块制作边框动画？

如何在 VS Code 中 Select 和删除 HTML 元素(其标签和内容)？

如何使用CSS Select 同级元素的：：before伪元素？

本地和在jsfiddle上页面工作正常，但在GitHub上无法运行.

CSS 字母间距将按钮向右扩展

输入框不是全宽

不同屏幕尺寸的显示问题

弹出窗口溢出溢出：自动，我不明白为什么

为什么将 p 元素的垂直边距设置为 1 px 会出现滚动条？

如何使文本显示在页眉/页脚之外？

实用课程推荐