課程
/前端開(kāi)發(fā)
/HTML/CSS
/初識(shí)HTML(5)+CSS(3)-升級(jí)版
各位,能教教我怎樣把文本“1,2,3,4”居中到粉色方框背景的中央么?
2016-10-04
源自:初識(shí)HTML(5)+CSS(3)-升級(jí)版 12-4
正在回答
text-align:center; /*設(shè)置文本水平居中顯示*/
在CSS的<div>、<span>等元素是沒(méi)有valign(垂直)特性的,因此vertical-align對(duì)它們不起作用。
單行垂直居中,我們可以設(shè)置它的實(shí)際高度height和所在行的高度line-height相等。
所以,你這里height:40px;再補(bǔ)充line-height:40px;就可以。
alwaysherewithme 提問(wèn)者
慕粉1470241121 回復(fù) alwaysherewithme 提問(wèn)者
alwaysherewithme 提問(wèn)者 回復(fù) 慕粉1470241121
? ? padding
? ? line-height
任意設(shè)置一個(gè)就可以了
ParaPeng
div{text-align:center;}
舉報(bào)
HTML(5)+CSS(3)基礎(chǔ)教程8小時(shí)帶領(lǐng)大家步步深入學(xué)習(xí)標(biāo)簽用法和意義
1 回答如何在網(wǎng)頁(yè)中設(shè)置背景音樂(lè)
4 回答數(shù)字文本怎么設(shè)置能讓它在方塊內(nèi)居中
2 回答居中怎么設(shè)置?
4 回答把圖片設(shè)置在居中位置怎么設(shè)置?
9 回答text-align:center; /*設(shè)置文本居中顯示*/并沒(méi)有啊
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購(gòu)課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2016-10-04
text-align:center; /*設(shè)置文本水平居中顯示*/
在CSS的<div>、<span>等元素是沒(méi)有valign(垂直)特性的,因此vertical-align對(duì)它們不起作用。
單行垂直居中,我們可以設(shè)置它的實(shí)際高度height和所在行的高度line-height相等。
所以,你這里height:40px;再補(bǔ)充line-height:40px;就可以。
2016-10-04
? ? padding
? ? line-height
任意設(shè)置一個(gè)就可以了
2016-10-04
div{text-align:center;}