怎么把里面的字體上下居中?
方法/步驟
1,新建一個html文件,命名為test.html,用于講解一個DIV里面的文字如何上下左右居中顯示。
2,在test.html文件內,使用div標簽創建一行文字,文字內容為“這是測試的文字”。
3,在test.html文件內,設置div的id屬性為mycss,主要用于下面通過該id來設置css樣式。
4,在test.html文件內,編寫<style type="text/css"></style>標簽,頁面的css樣式將寫在該標簽內。
5,在css標簽中,通過id(mycss)設置div的樣式,使用width屬性設置div的寬度為280px,使用height屬性設置div的高度為180px,同時,使用background屬性設置div的背景顏色為灰色。
6,在css標簽中,將text-align屬性設置為center,實現文字的水平居中,將line-height屬性設置為180px(與height的高度相等),實現文字的垂直居中。
7,在瀏覽器打開test.html文件,查看實現的效果。
總結:
1、創建一個test.html文件。
2、在文件內,使用div標簽創建一行文字。
3、在css標簽中,通過id(mycss)設置div的樣式,使用width屬性設置div的寬度為280px,使用height屬性設置div的高度為180px。
4、在css標簽中,將text-align屬性設置為center,實現文字的水平居中,將line-height屬性設置為180px(與height的高度相等),實現文字的垂直居中。