文章詳情頁
css3 - 為啥img的高度和a的高度不一樣
瀏覽：215日期：2023-07-18 09:00:10
問題描述
<p> <a href='http://www.leifengta.com.cn/wenda/5967.html'><img src='http://www.leifengta.com.cn/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. boot2docker無法啟動2. 關docker hub上有些鏡像的tag被標記““This image has vulnerabilities””3. docker-compose中volumes的問題4. docker安裝后出現Cannot connect to the Docker daemon.5. nignx - docker內nginx 80端口被占用6. java - SSH框架中寫分頁時service層中不能注入分頁類7. javascript - mock.js可以存儲數據嗎8. docker api 開發的端口怎么獲取？9. docker images顯示的鏡像過多，狗眼被亮瞎了，怎么辦？10. golang - 用IDE看docker源碼時的小問題
排行榜
網公網安備