明輝手游網(wǎng)中心:是一個(gè)免費(fèi)提供流行視頻軟件教程、在線學(xué)習(xí)分享的學(xué)習(xí)平臺(tái)!

image與view標(biāo)簽上下有空隙的處理方法

[摘要]這次給大家?guī)韎mage與view標(biāo)簽上下有空隙的解決方法,解決image與view標(biāo)簽上下有空隙的注意事項(xiàng)有哪些,下面就是實(shí)戰(zhàn)案例,一起來看一下。解決方案 就是可以在image那里設(shè)置vertical-align:top/bottom/text-top/text-bottom原因:圖片文字等in...
這次給大家?guī)韎mage與view標(biāo)簽上下有空隙的解決方法,解決image與view標(biāo)簽上下有空隙的注意事項(xiàng)有哪些,下面就是實(shí)戰(zhàn)案例,一起來看一下。

解決方案 就是可以在image那里設(shè)置vertical-align:top/bottom/text-top/text-bottom

原因:圖片文字等inline元素默許是跟父級(jí)元素的baseline對(duì)齊,而baseline又和父級(jí)底邊有必定間距

相信看了這些案例你已經(jīng)掌握了方法,更多精彩請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章!

相關(guān)閱讀:

在HTML中關(guān)于元素居中有哪些需要注意的事項(xiàng)

HTML中移動(dòng)端有哪些布局方案

常用input文本框內(nèi)容自動(dòng)垂直居中并默認(rèn)提示文字單擊為空

怎樣定義內(nèi)聯(lián)元素span的最小高度

iframe的各項(xiàng)參數(shù)

以上就是image與view標(biāo)簽上下有空隙的解決方法的詳細(xì)內(nèi)容,更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章!


網(wǎng)站建設(shè)是一個(gè)廣義的術(shù)語,涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。