如何解決image圖片布局下邊的多余空隙[專業建站]：

1、將圖片轉換為塊級對像
即，設置img為：
display:block;
在本例中添加一組CSS代碼：
#sub img {display:block;}

2、設置圖片的垂直對齊方式
即設置圖片的vertical-align屬性為「top，text-top，bottom，text-bottom」也可以解決。如本例中增加一組CSS代碼：
#sub img {vertical-align:top;}

3、設置父對象的文字大小為0px
即，在#sub中添加一行：
font-size:0;
可以解決問題。但這也引發了新的問題，在父對像中的文字都無法顯示。就算文字部分被子對像括起來，設置子對像文字大小依然可以顯示，但在CSS效驗的時候會提示文字過小的錯誤。

4、改變父對象的屬性
如果父對象的寬、高固定，圖片大小隨父對像而定，那麼可以設置：
overflow:hidden;
來解決。如本例中可以向#sub中添加以下代碼：
width:88px;height:31px;overflow:hidden;

5、設置圖片的浮動屬性
即在本例中增加一行CSS代碼：
#sub img {float:left;}
如果要實現圖文混排，這種方法是很好的選擇。

6、取消圖片標簽和其父對象的最後一個結束標簽之間的空格。

文章出處：標準之路(http://www.aa25.cn/div_css/821.shtml)

本文由廣州網站建設公司-三行網絡原創，轉載請保留版權（ 廣州網站建設www.gongxing888.com ）三行網絡——專注于企業網站建設、響應式營銷型網站定制，歡迎來電咨詢！熱線：020-85628720、15915767698

標簽： image圖片空隙

上一篇：優化網站結構設計讓網站瀏覽更流暢    下一篇：深底色網站設計,賦予設計優雅的氣質和創造力[專業建站]

• 2025做企業獨立站展示型官網多少費用？ 廣州網站建設,廣州網站設計制作,廣州做網站公司
• 參加廣交會——您需要一個產品展示型網站！ 廣州網站建設,廣州網站設計制作,廣州做網站公司
• 做個展示型公司網站要多少錢？ 廣州網站建設,廣州網站設計制作,廣州做網站公司
• 做個展示型網站多少錢？普通簡單的產品展示型網站！ 廣州網站建設,廣州網站設計制作,廣州做網站公司
• 廣州做網站公司 - 專注響應式網站設計 - PC/手機自適應 廣州網站建設,廣州網站設計制作,廣州做網站公司
• 企業官網改版 - 怎么改？ 廣州網站建設,廣州網站設計制作,廣州做網站公司
• 外貿產品展示網站搭建 - 讓全球看見中國質造！ 廣州網站建設,廣州網站設計制作,廣州做網站公司
• 2025廣交會 - 外貿逆勢上揚！3萬多家企業參與！ 廣州網站建設,廣州網站設計制作,廣州做網站公司
• 2025年137屆廣交會 - 琶洲會展 - 來圍觀下！ 廣州網站建設,廣州網站設計制作,廣州做網站公司
• 開淘寶店——新品破零，除了刷單還有啥辦法
• 網站標題優化的10大技巧！記得收藏下！
• 儀器設備外貿出口網站制作！清晰易用！
• 指紋傳感器[廣州電子產品公司]
• 什么樣的網站百度優化比較好
• 廣州網頁設計趨勢前瞻，先睹為快！
• 廣州網站制作,響應式網站制作,外貿網站制作
• 深圳做網站,深圳建網站,深圳外貿網站建設
• 東莞做網站,東莞建網站,東莞外貿網站制作
• 廣州網站建設,中英文網站制作,企業網站設計
• 外貿網站制作,做外貿網站多錢,外貿企業網站制作
• 外貿網站建設,多語言網站定制,中英文網站制作