課程
/前端開發
/HTML/CSS
/初識HTML(5)+CSS(3)-升級版
如何使div中的文字居中
2018-10-06
源自:初識HTML(5)+CSS(3)-升級版 9-1
正在回答
div{text-align:center;} <div>文字內容</div>
這里有技巧,如果單純是想讓文字水平居中只需要設置text-align:center就行,
如果是要在div中讓文本水平且垂直居中則需要設置垂直居中,可div不支持Valign這一屬性所以需要以下技巧:
div{line-height:20px;
height:20px;
}這樣就能讓div中的元素垂直居中,配合水平居中以達到在絕對正中央的位置
不過此技巧只適用于文本只有一行,不折行的情況下。
<style type="text/css">
div{
????width:700px;? /*自己定義*/
????margin:0 auto;
??????}
</style>
舉報
HTML(5)+CSS(3)基礎教程8小時帶領大家步步深入學習標簽用法和意義
3 回答如何實現div居中
2 回答如何設置文字垂直居中
1 回答怎么讓水平居中的div中的文字也水平居中?
3 回答前端三劍客文字如何居中?
4 回答如何居中?
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2018-10-06
2018-10-23
這里有技巧,如果單純是想讓文字水平居中只需要設置text-align:center就行,
如果是要在div中讓文本水平且垂直居中則需要設置垂直居中,可div不支持Valign這一屬性所以需要以下技巧:
div{line-height:20px;
height:20px;
}這樣就能讓div中的元素垂直居中,配合水平居中以達到在絕對正中央的位置
不過此技巧只適用于文本只有一行,不折行的情況下。
2018-10-07
<style type="text/css">
div{
????width:700px;? /*自己定義*/
????margin:0 auto;
??????}
</style>