【css】居中對齊方法


1、text-align: center——水平居中

僅對文字、圖片、按鈕等行內元素有效(display設置為inline或inline-block等)進行水平居中

2、margin: 垂直 auto——水平居中

僅水平居中,且對浮動元素無效

3、line-height——垂直居中

line-height=height,僅對一行文字有效

4、使用表格——水平、垂直居中

對 td / th 的 align='center' 和 valign='middle' 兩屬性可以水平和垂直集中

5、彈性布局——水平、垂直居中

display: flex;

justity-content: center;

align-items: center;

6、使用display: table-cell——水平、垂直居中

對於那些不是表格的元素,我們可以通過display: table-cell來把它模擬成一個表格單元格

7、子絕父相——水平、垂直居中

子元素設置為absolute,父元素設置為relative(當知道子元素的寬高)


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM