国产综合精品-久久久久久成人毛片免费看-69久久夜色精品国产69-美国十次啦怡红院

Web前端知識

首頁 > 免費 > Web前端知識 >

為什么a標簽中使用img后的高度多了幾個像素?

來源:北京匯仁智杰科技有限公司   時間:2016-04-20   點擊:

  我想,做前端的技術(shù)人員肯定也遇到過和小編一樣的問題,那就是為什么a標簽中使用img后的高度多了幾個像素?這幾天小編整理了幾種解決辦法,希望對遇到同樣問題的你有所幫助。
  a元素下有一個匿名文本,這個文本外有一個匿名行級盒子,它有的默認vertical-align是baseline的,而且往往因為上文line-height的影響,使它有個line-height,從而使其有了高度,因為baseline對齊的原因,這個匿名盒子就會下沉,往下?lián)伍_一些距離,所以把a撐高了。
  解決辦法一:是消除掉匿名盒子的高度,也就是給a設(shè)置line-height:0或font-size:0;
  解決辦法二:是給兩者vertical-align:top,讓其top對齊,而不是baseline對齊
  解決辦法三:是給img以display:block,讓它和匿名行級盒子不在一個布局上下文中,也就不存在行級盒的對齊問題。
  以上的三種解決辦法,就是今天小編和大家分享的,其他的解決辦法也是有的,但是這幾種是最常用的,希望對你有所幫助。

網(wǎng)絡(luò)營銷推廣?。”本﹨R仁智杰科技有限公司!

地址:北京市昌平區(qū)回龍觀龍冠大廈5層
咨詢:15201492965
業(yè)務(wù)QQ:373002979
E - mail:sales @ huirenzhijie.com
企業(yè)網(wǎng)站備案:京ICP備15021091號-1

匯仁智杰與眾不同

  • 有網(wǎng)絡(luò)推廣經(jīng)驗
  • 有網(wǎng)站建站隊伍
  • 有大型網(wǎng)站建設(shè)經(jīng)驗
  • 致力于營銷型網(wǎng)站建設(shè)
  • 始終堅持技術(shù)和服務(wù)同樣重要
查看PC版網(wǎng)站
備案號:京ICP備15021091號-1 版權(quán)所有:匯仁智杰