文章詳情頁
css3 - 為啥img的高度和a的高度不一樣
瀏覽：134日期：2023-07-18 09:00:10
問題描述
<p> <a href='http://www.intensediesel.com/wenda/5967.html'><img src='http://www.intensediesel.com/wenda/images/1.jpg' alt=''> </a></p>
css*{ margin: 0;padding: 0;}@media (min-width: 320px) {html { font-size: 100px;}}@media (min-width: 360px) {html {font-size: 112.5px;}}@media (min-width: 400px) {html {font-size: 125px;}}p{ margin: 2%;}a{ display: block;}img{ height: .64rem;}
為什么img的高度是64px，而a的高度是114px呢？
問題解答
回答1：確定margin,padding都取消了？
回答2：img標簽加 display:block 或者a標簽加 font-size:0 或 line-height:0
回答3：因為img是內聯元素，外層有個默認line-height
回答4：em具有繼承性img高度以em計算的話，它的高度為0.64*a元素的的font-size以chrome瀏覽器模擬的iphone5的話，得的結果img高80px，元素高度為125px
你的64、114這個搭配怎么弄出來的？
標簽：
CSS
相關文章：
1. docker - 各位電腦上有多少個容器啊？容器一多，自己都搞混了，咋辦呢？2. docker start -a dockername 老是卡住，什么情況？3. docker容器呢SSH為什么連不通呢？4. Android listview checkbox 單選5. 關docker hub上有些鏡像的tag被標記““This image has vulnerabilities””6. Android TextView 或 ListView 加載過渡效果7. 爬蟲圖片 - 關于Python 爬蟲的問題8. python - thrift 返回 TSocket read 0 bytes 求助!!!!9. Python列表或者字典里面的中文如何處理？10. python - （初學者）代碼運行不起來，求指導，謝謝！
排行榜
網公網安備