課程
/前端開發(fā)
/HTML/CSS
/初識(shí)HTML(5)+CSS(3)-升級(jí)版
這道題的代碼我打了很多遍,都是錯(cuò)的,木有顯示圖片垂直居中啊
2015-03-22
源自:初識(shí)HTML(5)+CSS(3)-升級(jí)版 15-9
正在回答
尊敬的女王大人,這是小的代碼,請(qǐng)笑納!
<!--下面是代碼任務(wù)區(qū)-->
<table>
? ? <tbody>
? ? ? ? <tr>
? ? ? ? ? ? <td class="wrap">
? ? ? ? ? ? ? ? <div>
? ? ? ? ? ? ? ? ? ? <img src="http://img1.sycdn.imooc.com//54ffac56000169c001840181.jpg" title="害羞的小女生"/>
? ? ? ? ? ? ? ? </div> ? ?
? ? ? ? ? ? </td>
? ? ? ? </tr> ? ?
? ? </tbody>
</table>
其實(shí)就是把DIV嵌套在一個(gè)table標(biāo)簽里面,利用td標(biāo)簽特有的vertical-align:middle屬性做到垂直居中,了解就好。實(shí)際上不推薦這種方式,無意義的標(biāo)簽太多了。
注:因?yàn)槭窃诰€編程,推薦在全屏下運(yùn)行調(diào)試效果。即點(diǎn)提交后,再查看代碼運(yùn)行。
慕蓋茨5118350 提問者
寸寸君
舉報(bào)
HTML(5)+CSS(3)基礎(chǔ)教程8小時(shí)帶領(lǐng)大家步步深入學(xué)習(xí)標(biāo)簽用法和意義
4 回答有木有 有木有
8 回答有木有好用的HTML編寫軟件呀~~!
1 回答這段代碼哪里有錯(cuò)
1 回答這段代碼有問題嗎?
2 回答這兩段代碼有何不同?
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2015-03-22
尊敬的女王大人,這是小的代碼,請(qǐng)笑納!
<!--下面是代碼任務(wù)區(qū)-->
<table>
? ? <tbody>
? ? ? ? <tr>
? ? ? ? ? ? <td class="wrap">
? ? ? ? ? ? ? ? <div>
? ? ? ? ? ? ? ? ? ? <img src="http://img1.sycdn.imooc.com//54ffac56000169c001840181.jpg" title="害羞的小女生"/>
? ? ? ? ? ? ? ? </div> ? ?
? ? ? ? ? ? </td>
? ? ? ? </tr> ? ?
? ? </tbody>
</table>
其實(shí)就是把DIV嵌套在一個(gè)table標(biāo)簽里面,利用td標(biāo)簽特有的vertical-align:middle屬性做到垂直居中,了解就好。實(shí)際上不推薦這種方式,無意義的標(biāo)簽太多了。
注:因?yàn)槭窃诰€編程,推薦在全屏下運(yùn)行調(diào)試效果。即點(diǎn)提交后,再查看代碼運(yùn)行。