課程
/前端開發(fā)
/HTML/CSS
/CSS深入理解之vertical-align
感覺(jué)這3個(gè)i標(biāo)簽對(duì)2端對(duì)其沒(méi)什么用啊
2016-12-03
源自:CSS深入理解之vertical-align 3-1
正在回答
列表(或文字)要兩端對(duì)齊的前提就是內(nèi)容必須超過(guò)一行,所以,要解決最后一行元素?zé)o法兩端對(duì)齊的文字其實(shí)很簡(jiǎn)單,就是在列表(或文字段)的最后創(chuàng)建一個(gè)高度為0的寬度100%的透明的inline-block的標(biāo)簽層就可以了。
到張老師演示看看就發(fā)現(xiàn)這樣設(shè)置,頁(yè)面可以得到正常效果:
http://www.zhangxinxu.com/study/201103/inline-block-text-justify-fixed.html
zjmzjmzjm 提問(wèn)者
舉報(bào)
深入理解vertical-align的屬性值,分享開發(fā)中應(yīng)用經(jīng)驗(yàn)
1 回答這個(gè)視頻中的三個(gè)樣式都是p標(biāo)簽的還是圖片的啊,感覺(jué)亂亂的
3 回答視頻里的疑問(wèn)
2 回答視頻的順序貌似不對(duì)。
1 回答vertical-align:10px和視頻中講的不一致
2 回答最后是怎么多行垂直居中的啊
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-12-13
列表(或文字)要兩端對(duì)齊的前提就是內(nèi)容必須超過(guò)一行,所以,要解決最后一行元素?zé)o法兩端對(duì)齊的文字其實(shí)很簡(jiǎn)單,就是在列表(或文字段)的最后創(chuàng)建一個(gè)高度為0的寬度100%的透明的inline-block的標(biāo)簽層就可以了。
到張老師演示看看就發(fā)現(xiàn)這樣設(shè)置,頁(yè)面可以得到正常效果:
http://www.zhangxinxu.com/study/201103/inline-block-text-justify-fixed.html