我想在頁面中心顯示一個H1頭部，並且將其位置設置爲「固定」（因爲我不希望它在用戶滾動時離開屏幕）CSS：位置和對齊之間的衝突
我試過以下選項，但不幸的是無法實現它。
選項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;時，文本出現在屏幕的中心。
有什麼建議嗎？
你可以試試這個：
<div align="center" style="position:fixed;width:100%"><h1>Welcome</h1></div>
給width:100%您div。 這裏是一個Demo
哇，它的工作原理...非常感謝你:)順便說一句，衝突的原因是什麼？ –
實際上它已經與中心對齊了，但由於你的'div寬度'沒有被指定，所以你無法查看它。嘗試檢查你的'div'而不改變其'寬度'。你會看到不同之處。 –
您可以定義您的DIV left:0;和right:0;
像這樣
<div align="center" style="position:fixed;left:0;right:0;"><h1>Welcome</h1></div>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的答案。
用於左側，右側和頂部屬性與位置固定... –