底部固定悬浮条标题水平居中，核心是给标题所在容器设width: 100%并清除标题默认margin，再对标题应用text-align: center；若容器用flex则需justify-content: center，避免inline-block或float破坏块级流。
底部固定悬浮条里的标题要水平居中，核心是：给标题本身加 text-align: center，同时确保它所在的容器宽度撑满、不浮动、不被 flex 或 grid 的对齐行为意外覆盖。
为什么直接在 <h3></h3> 上写 style="text-align: center" 有时无效
常见错误是把 text-align: center 错加在固定定位的父容器（比如 <footer class="fixed-bottom"></footer>）上，但该容器内若只有单个块级标题且未设宽度，text-align 仍会生效——问题往往出在别的地方：
- 标题被设了
display: inline-block或float: left，破坏了默认块级流，导致text-align失效 - 父容器用了
display: flex但没配justify-content: center，此时text-align对子元素无影响 - 标题外层套了
<div> 且该 <code><div> 没设宽度或被 <code>max-width限制太窄，文字虽居中，但容器本身偏左 - 用了已废弃的
align="center"属性，现代浏览器不解析
position: fixed 底部条里标题居中的推荐写法
假设结构是：
<footer style="position: fixed; bottom: 0; left: 0; width: 100%; background: #333; color: white; padding: 12px 0;"><h4 style="margin: 0; text-align: center;">版权信息｜2026</h4> </footer>
关键点：
-
width: 100%必须写在<footer></footer>上，否则它默认只宽够内容，text-align: center就没意义 -
h4要清除默认margin（尤其是上下），否则会撑高容器、造成视觉错位 - 不要给
h4设width或display: inline-block，除非你明确想让它变窄再居中——那反而多此一举 - 如果
footer内还有图标、按钮等其他元素，才考虑用display: flex+justify-content: center，此时text-align可省略
兼容旧浏览器时要注意的坑
IE11 及更早版本对 position: fixed 在某些文档模式下支持不稳定，若发现底部条“闪动”或“随滚动”，检查：
- 是否漏写了
—— 缺失会导致 IE 进入怪异模式，<code>fixed退化为absolute -
footer是否被某个祖先元素设了transform、perspective或filter，这些会创建新的层叠上下文，使fixed相对于该祖先定位而非视口 - 移动端 Safari 在早期 iOS 版本中，
fixed元素在键盘弹出时可能错位，此时需监听focus事件临时切为absolute
真正容易被忽略的是：固定定位容器的 width 和 left/right 值必须协同。只写 left: 0 不写 width: 100%，或者写了 width: 100vw 却没处理垂直滚动条占位，都会让居中看起来“差一点”。
