如何修复响应页面上的<h1>居中问题

时间:2019-09-13 18:58:59

标签: html css

在宽度大于840像素的屏幕上,此响应页面上的h1不能正确居中:

https://www.versionmuseum.com/history-of/mac-os-9-setup

宽度大于840时,将出现左侧导航栏。

当前的h1标签如下:

<h1 style="word-wrap: break-word; white-space: normal;">The Mac OS 9 Installer is an Amazing Internet Time Capsule</h1>

在剥去自动换行符和空格样式时,它仍然不居中,如该页的此版本所示:

https://www.versionmuseum.com/not-centered.html

任何想法如何正确地居中吗?感谢您的任何帮助,谢谢。

2 个答案:

答案 0 :(得分:0)

您遇到的问题是this class,它设置了固定宽度。取消或忽略此问题即可解决。

答案 1 :(得分:0)

如果您删除content,它似乎可以正常工作。

header.major > :first-child::before, header.major > :first-child::after
...
content: '';
  

main.css 2064