【发布时间】：2021-03-10 19:21:17
【问题描述】：
我的页面标题显示在标题底部的橙色框中（见上图）。此框当前将 padding-left 设置为 15%，这使其仅在窗口宽度正确时才匹配下面文本的 margin-left。但如果窗口大小发生变化，它们将不再匹配（见下图）。
我希望文本在所有窗口大小中都左对齐。我确实尝试过“填充：0 calc(50% - 540px);”对于标题，但只有容器的宽度为 1080 像素或更宽时才有效。更重要的是，它似乎在 Microsoft Edge 中不起作用，这是必要的。
关于如何做到这一点的任何建议？是否可以不改变我的元素结构？
【问题讨论】：
-
更改标题的with以匹配内容，设置margin为auto。可以使用伪元素设置辐射背景，也可以简单地将标题包裹在另一个 div 中。
-
是的，这似乎是我想做的唯一方法。希望它可以在不更改 html 的情况下解决，但似乎没有运气。