我想在页面中心显示一个H1标题，并将其位置设置为＆＃34;固定＆＃34;（因为我不希望它在用户滚动时离开屏幕）< / p>
我已尝试过以下选项，但遗憾的是无法实现。
选项1：
<div align="center" style="position:fixed;"><h1>Welcome</h1></div>
选项2：
<h1 text-align="center" style="position:fixed;">Welcome</h1>
选项3：
<h1 text-align="center" position="fixed">Welcome</h1>
到目前为止，上述所有选项都会将文字显示在固定位置，但它不在屏幕中央。但是，当我删除position: fixed;时，文字会显示在屏幕中央。
有什么建议吗？
答案 0 :(得分：2)
你可以试试这个：
<div align="center" style="position:fixed;width:100%"><h1>Welcome</h1></div>
将width:100%提供给div。
这是Demo
答案 1 :(得分：1)
您可以定义div [{1}}和left:0;
就像这样
right:0;
答案 2 :(得分：1)
Option 1: <div align="center" style="position:fixed;"><h1>Welcome</h1></div>
HTML align为deprecated。
解决方案：
<div style="position:fixed;width:100%;text-align:center;"><h1>Welcome</h1></div>
<div style="position:fixed;right:0;left:0;text-align:center;"><h1>Welcome</h1></div>
Option 2: <h1 text-align="center" style="position:fixed;">Welcome</h1>
没有名为text-align="center"的HTML属性。
<h1 style="position:fixed;width:100%;text-align:center;">Welcome</h1>
<h1 style="position:fixed;left:0;right:0;text-align:center;">Welcome</h1>
Option 3: <h1 text-align="center" position="fixed">Welcome</h1>
HTML属性没有text-align="center"和position="fixed"。
选项3解决方案就像选项2的答案。