課程
/前端開(kāi)發(fā)
/HTML/CSS
/初識(shí)HTML(5)+CSS(3)-升級(jí)版
輸入 vertical-align:middle;這個(gè)怎么不能讓其垂直居中?
2015-07-11
源自:初識(shí)HTML(5)+CSS(3)-升級(jí)版 12-12
正在回答
vertical-align是將當(dāng)前元素放到上一級(jí)元素的中間 也就是這個(gè)盒子全體會(huì)在上一級(jí)元素的中間 而不是里面的文字在盒子的中間
設(shè)置行高為容器的高度即可:
#box1{ ????width:100px; ????height:100px; ????padding:10px; ????text-align:center; ????line-height:100px;????/*?文字垂直居中?*/ ????border:1px?solid?red; }
離歌笑_0002 提問(wèn)者
慕斯卡4106679
不勞虎 回復(fù) 離歌笑_0002 提問(wèn)者
舉報(bào)
HTML(5)+CSS(3)基礎(chǔ)教程8小時(shí)帶領(lǐng)大家步步深入學(xué)習(xí)標(biāo)簽用法和意義
3 回答關(guān)于盒模型內(nèi)容居中顯示
2 回答盒模型中,如何設(shè)置文字在邊框中間
2 回答關(guān)于小盒子在大盒子內(nèi)居中的問(wèn)題
1 回答關(guān)于在相對(duì)位置中加入盒子模型
2 回答chrome中查看盒模型問(wèn)題
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購(gòu)課補(bǔ)貼聯(lián)系客服咨詢(xún)優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2015-08-06
vertical-align是將當(dāng)前元素放到上一級(jí)元素的中間 也就是這個(gè)盒子全體會(huì)在上一級(jí)元素的中間 而不是里面的文字在盒子的中間
2015-07-11
設(shè)置行高為容器的高度即可: