（HTML/CSS）如何將文本對齊到中間的中間（x軸和y軸）？

歡迎！我在構建第一個網站項目時遇到了一些問題。我有兩個容器（container1，container2（用於兩個背景圖像水平））。現在，我想將文本（h1元素）與x和y軸的container1中間對齊。我想要兩次（container1 | container2）。最後，我從中畫出一個ascii藝術。 :)（HTML/CSS）如何將文本對齊到中間的中間（x軸和y軸）？

***** container1 ***** ****** container2 ***** * * * * * <h1 element 1> * * <h1 element 2> * * * * * *********************** ***********************

感謝您的幫助，請忽略此語法錯誤。

來源

2016-08-04 LeFizzy

重複的問題。你可以找到很多像這樣的問題。只搜索。 –

-2

margin：auto;垂直對齊，tex-align：center;用於水平對齊

來源

2016-08-04 19:24:57 ziuzea

這是不正確的。 'margin：auto;'不會垂直對齊文本。 –

<html> 
<head> 
    <style> 
     #center1{ 
     height:100%; 
     display:flex; 
     } 

     #center2{ 
     margin:auto; 
     }   
    </style> 
</head> 
<body> 
    <div id="center1"> 
    <span id="center2">Hello</span>  
    </div> 
</body> 
</html>

這是如何在div中對齊文本的中心（水平和垂直）。它正在工作。

來源

2016-08-04 19:43:32

非常好的代碼，解決了我的問題。你能舉一個例子來說明如何對齊標籤下的其他文本嗎？我可以向自動屬性添加一些正/負像素嗎？（LIKE：auto-2px）謝謝你，如果你讀它。 – LeFizzy

你想要另一個文本恰好在已經存在的span標籤下，或者你提到了有問題的設計？ –

（HTML/CSS）如何將文本對齊到中間的中間（x軸和y軸）？

回答

相關問題