常德網站建設
常德網站設計制作建設,常德網頁設計制作建設,常德軟件開發虛擬主機域名注冊 常德網站制作 常德網站設計 常德虛擬主機  
 
常德域名注冊
   域名主機 DNS HOST
   關于賽特 ABOUT SITE
   服務項目 SERVICE PROJECT
   軟件開發 DEVELOPMENT
   解決方案 SOLUTION
   服務流程 CUSTOMER PROCESS
   成功案例 SUCCESS TORIES
   商務合作 COOPERATION
   服務報價 SERVICE PRICE
   聯系賽特 CONTACT SITE
   網站知識 WEBSITE KNOWLEDGE
 您的位置:首頁常德網站建設 - 常德網站建設-img圖片元素下多余空白解決方案  
 



常德網站建設-img圖片元素下多余空白解決方案
 
常德網站建設  加入時間:2011/8/8 18:18:13     點擊:13728 常德網站建設  常德網站制作

  在進行頁面的DIV+CSS排版時,遇到IE6(當然有時Firefox下也會偶遇)瀏覽器中的圖片元素img下出現多余空白的問題絕對是常見的對於 該問題的解決方法也是「見機行事」,根據原因的不同要用不同的解決方法,這里把解決直接把解決image圖片布局下邊的多余空隙的BUG的常用方法歸納, 供大家參考。
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、取消圖片標簽和其父對象的最後一個結束標簽之間的空格。
這個方法要強調下,在實際開發中該方法可能會出亂子,因為在寫代碼的時候為了讓代碼更體現語義和層次清晰,難免要通過IDE提供代碼縮進顯示,這必然 會讓標簽和其他標簽換行顯示,比如說DW的「套用源格式」命令。所以說這個方法可以供我們了解出現BUG的一種情況,具體解決方案的還得各位見招拆招了。

 


上一條:常德網站建設-5種方法立刻寫出更好的CSS代碼
下一條:網站建設后快速推廣方法

  常德虛擬主機   客戶列表 合作伙伴 | 工作機會 | 網站制作 | 友情鏈接
 本站關鍵詞:賽特科技 常德網站建設 常德網站開發 常德網站制作 常德網站設計 常德虛擬主機 常德空間域名
  Copyright(c)2008 http://www.vtfqvi.tw 地址:常德市洞庭大道西段170號湖南文理學院院內 賽特科技 湘ICP備08004647號
 
免费麻将苹果安卓版下载 p3开机号近10期号码 幸运快三游戏的网站 3d彩报 北京pk10前五怎么定码 二分彩网站开户 北京快3开奖结果快 体彩智能机选排列5 上海快三三天走势图和漏 上海时时彩技巧 2021年六合彩特码资料 提前知道幸运快三软件 泳坛夺金全部开奖结果 福建快3网上投注 江苏11选5合买 十一运夺金手机 今天华东15选5开奖结果