天堂网在线观看 I 香蕉av在线 I 明星双性精跪趴灌满h I 国产精品免费观看视频 I 国产片一区二区 I 三级黄色av I 最新中文字幕第一页 I 久久色婷婷 I 日韩三级成人 I 中文字幕第35页 I 一级片免费在线播放 I 日批免费在线观看 I 影音先锋二区 I 欧美一区二区三区视频在线 I 中文字幕第一页亚洲 I 国产精品一区二区精品 I 亚洲精品综合精品自拍 I 日本h漫在线观看 I 黄色美女网站免费看 I 欧美日本一区二区三区四区 I 天天躁狠狠躁狠狠躁夜夜躁68 I 成人片片 I 公妇公侵无伦中文字幕 I 大波妞影院 I 牛牛影视精品一区二区在线看 I 国产成+人+综合+亚洲欧美丁香花 I 欧美日韩第一视频 I 99国产精品9

Web前端知識

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

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

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

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

網絡營銷推廣 . 北京匯仁智杰科技有限公司!

地址:北京市昌平區回龍觀龍冠大廈5層
咨詢:13370157521
業務QQ:373002979
E - mail:sales @ huirenzhijie.com
企業網站備案:京ICP備15021091號-1

匯仁智杰與眾不同

  • 有網絡推廣經驗
  • 有網站建站隊伍
  • 有大型網站建設經驗
  • 致力于營銷型網站建設
  • 始終堅持技術和服務同樣重要
查看PC版網站
備案號:京ICP備15021091號-1 版權所有:匯仁智杰