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