亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

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

如何居中?

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

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

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


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

正在回答

4 回答

text-align:center;

line-height:300px;

求采納,謝謝


1 回復 有任何疑惑可以回復我~
#1

STOMACHE 提問者

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

學習js 回復 STOMACHE 提問者

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

STOMACHE 提問者 回復 學習js

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

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

0 回復 有任何疑惑可以回復我~

div{text-align:center;}

0 回復 有任何疑惑可以回復我~

text-align:center;

0 回復 有任何疑惑可以回復我~
#1

STOMACHE 提問者

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

舉報

0/150
提交
取消
初識HTML(5)+CSS(3)-升級版
  • 參與學習       1228740    人
  • 解答問題       19080    個

HTML(5)+CSS(3)基礎教程8小時帶領大家步步深入學習標簽用法和意義

進入課程

如何居中?

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號