第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定

如何居中?

http://img1.sycdn.imooc.com//58d32f820001198109880660.jpg

如上圖,如果想要box1和box2這句文字在紅框中居中,要些什么代碼?請大神指教。

有人說用:div{text-align:center;},但只能實現(xiàn)左右居中,沒辦法實現(xiàn)上下居中。(如下圖效果!)


http://img1.sycdn.imooc.com//58d332bb00012dda09720551.jpg

正在回答

4 回答

text-align:center;

line-height:300px;

求采納,謝謝


1 回復(fù) 有任何疑惑可以回復(fù)我~
#1

STOMACHE 提問者

謝謝!確實可以實現(xiàn)文字居中的效果了,請問為什么用line-height:300px;可以實現(xiàn)上下居中,而padding-top:300px;不能實現(xiàn)上下居中呢?加大盒子上部填充來實現(xiàn)居中為什么沒反應(yīng)?請您知道的話,解答一下我的疑惑,感謝!
2017-03-23 回復(fù) 有任何疑惑可以回復(fù)我~
#2

學(xué)習(xí)js 回復(fù) STOMACHE 提問者

padding-top當(dāng)然也能實現(xiàn)文字垂直居中,你的實現(xiàn)不了?不過這樣的話,你的div也會被撐開尺寸,在實際運用中一般不會這樣寫
2017-03-23 回復(fù) 有任何疑惑可以回復(fù)我~
#3

STOMACHE 提問者 回復(fù) 學(xué)習(xí)js

好的,謝謝!
2017-03-23 回復(fù) 有任何疑惑可以回復(fù)我~

text-align:center;line-height:300px;

0 回復(fù) 有任何疑惑可以回復(fù)我~

div{text-align:center;}

0 回復(fù) 有任何疑惑可以回復(fù)我~

text-align:center;

0 回復(fù) 有任何疑惑可以回復(fù)我~
#1

STOMACHE 提問者

text-align:center;只能顯示左右居中,上下沒辦法居中哦
2017-03-23 回復(fù) 有任何疑惑可以回復(fù)我~

舉報

0/150
提交
取消
初識HTML(5)+CSS(3)-升級版
  • 參與學(xué)習(xí)       1229167    人
  • 解答問題       19084    個

HTML(5)+CSS(3)基礎(chǔ)教程8小時帶領(lǐng)大家步步深入學(xué)習(xí)標(biāo)簽用法和意義

進入課程
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號