CSS文字垂直居中
- IT技術
- 關注:2.13W次
操作方法
先寫上html代碼,如圖,內容很簡單,就是一個div裏有一段文本。
再寫上div對應的樣式,如圖,這裏只設置了div的邊框和高度,寬度。
如果這裏顯示的話,我們看下頁面,文本是不會水平居中和垂直居中的。
要讓文本水平居中,我們可以添加樣式:text-align: center;
要讓文本垂直居中,我們可以添加樣式: vertical-align: middle;和display: table-cell;
添加完這幾個樣式後,刷新頁面可以看到現在的文本已經可水平居中和垂直居中了。
- 文章版權屬於文章作者所有,轉載請註明 https://miaozhigu.com/sm/itjishu/dg3l3.html