新建一個html文件,定名為test.html,用于講解css若何使div里面的文字垂直對齊。
在test.html頁面,建立一個div模塊,在div內寫上一行文字 ,代碼如下:
在test.html頁面內,建立一個css標簽,在標簽內界說div的樣式,代碼如下:
在test.html頁面css標簽內,設置div的寬度為300px,高度為200px,并設置其布景顏色為紅色。
在test.html頁面css標簽內,設置div內文字的顏色為白色,同時設置文字的巨細為20px。
在test.html頁面css標簽內,利用text-align設置div內文字程度居中,因為上面設置了div的高度為200px,要使文字垂直居中,必需利用line-height設置行高也為200px,才能實現文字垂直居中。
在瀏覽器打開test.html文件,查看實現的居中結果,如下圖所示:
0 篇文章
如果覺得我的文章對您有用,請隨意打賞。你的支持將鼓勵我繼續創作!