監(jiān)理公司管理系統(tǒng) | 工程企業(yè)管理系統(tǒng) | OA系統(tǒng) | ERP系統(tǒng) | 造價(jià)咨詢管理系統(tǒng) | 工程設(shè)計(jì)管理系統(tǒng) | 甲方項(xiàng)目管理系統(tǒng) | 簽約案例 | 客戶案例 | 在線試用
X 關(guān)閉
撫州OA
聯(lián)系方式

成都公司：成都市成華區(qū)建設(shè)南路160號(hào)1層9號(hào)

重慶公司：重慶市江北區(qū)紅旗河溝華創(chuàng)商務(wù)大廈18樓

咨詢：400-8352-114

加微信，免費(fèi)獲取試用系統(tǒng)

QQ在線咨詢

撫州網(wǎng)站建設(shè)公司

當(dāng)前位置：工程項(xiàng)目OA系統(tǒng) > 泛普各地 > 江西OA系統(tǒng) > 撫州OA > 撫州網(wǎng)站建設(shè)公司

解決圖片外面多余空白的方法

申請(qǐng)免費(fèi)試用、咨詢電話：400-8352-114

admin

    也許是瀏覽器的兼容問題，經(jīng)常會(huì)出現(xiàn)網(wǎng)站圖片外面有多余空白的情況，這樣會(huì)嚴(yán)重影響視覺效果。下面撫州網(wǎng)站建設(shè)專家就來分享解決圖片外面多余空白的方法。

    1、設(shè)置圖片的浮動(dòng)屬性為left

    2、設(shè)置父對(duì)象的文字大小為0px。即，在#sub中添加一行：font-size:0;很顯然，如果父對(duì)象是一個(gè)DIV，那么里面的文字全部是0像素。將會(huì)看不到。在進(jìn)行驗(yàn)證的時(shí)候也不會(huì)通過。

    3、設(shè)置圖片的垂直對(duì)齊方式。即設(shè)置圖片的vertical-align屬性為「top，text-top，bottom，text-bottom」也可以解決。其他的元素將會(huì)依據(jù)圖片的邊框排列，而不是出現(xiàn)空白。

    4、將圖片轉(zhuǎn)換為塊級(jí)對(duì)像。例子：img {display:block;}

    5、改變父對(duì)象的屬性
    如果父對(duì)象的寬、高固定，圖片大小隨父對(duì)像而定，那麼可以設(shè)置：overflow:hidden;來解決。

    以上都是解決圖片外面多余空白的方法，你可以選擇適合網(wǎng)站自身情況的方法來做。
 

發(fā)布：2025-09-29 12:45    編輯：泛普軟件 · xiaona    [打印此頁]    [關(guān)閉]

相關(guān)推薦

最新文章

泛普撫州網(wǎng)站建設(shè)公司其他應(yīng)用

撫州軟件開發(fā)公司 撫州門禁系統(tǒng) 撫州物業(yè)管理軟件 撫州倉庫管理軟件 撫州餐飲管理軟件 撫州網(wǎng)站建設(shè)公司