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

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

怎樣設置文本居中在背景中央

各位，能教教我怎樣把文本“1，2，3，4”居中到粉色方框背景的中央么？

http://img1.sycdn.imooc.com//57f3191d00011de008540462.jpg

正在回答

3 回答

text-align:center; /*設置文本水平居中顯示*/

在CSS的<div>、<span>等元素是沒有valign（垂直）特性的，因此vertical-align對它們不起作用。

單行垂直居中，我們可以設置它的實際高度height和所在行的高度line-height相等。

所以，你這里height:40px;再補充line-height：40px;就可以。

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

alwaysherewithme 提問者

設置了line-height:40px; 成功了！謝謝！
2016-10-04 回復 有任何疑惑可以回復我~
#2

慕粉1470241121 回復 alwaysherewithme 提問者

不客氣。共同學習。
2016-10-04 回復 有任何疑惑可以回復我~
#3

alwaysherewithme 提問者 回復 慕粉1470241121

b(￣▽￣)dφ(゜▽゜*)?o(*￣▽￣*)ブ
2016-10-04 回復 有任何疑惑可以回復我~

? ? padding

? ? line-height

任意設置一個就可以了


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

ParaPeng

example: padding: 10px; line-height:10px;
2016-10-04 回復 有任何疑惑可以回復我~
#2

alwaysherewithme 提問者

設置了padding-top:20px;背景方框高度也增加了（原先設置的height:40px;）； 設置line-height:2.5em;效果還好
2016-10-04 回復 有任何疑惑可以回復我~

div{text-align:center;}

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

alwaysherewithme 提問者

不行啊，在<style></style>中，加了div{text-align:center;}還是不能居中到背景中央/(ㄒoㄒ)/~~
2016-10-04 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消

怎樣設置文本居中在背景中央

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

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

 幫助反饋 APP下載

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

 公眾號

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