第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

inline-block和block之間為什么有間隔?

inline-block和block之間為什么有間隔?

胡說叔叔 2019-03-25 10:22:14
截圖中兩個矩形,一個使inline-block,另一個是block,都沒有設置邊距。但是兩個矩形中間還是有空隙。我嘗試將兩個矩形都設為block,則沒有間隙。為什么會有間隙呢?<!DOCTYPE html> <html lang="zh" dir="ltr">   <head>     <meta charset="utf-8">     <title>print</title>     <style type="text/css">       * {         margin: 0;       }       #canvas {         border-style: solid;         border-color: #5bb028;         height: 400px;         width: 400px;         display: inline-block;       }       #print {         border-style: solid;         height: 400px;         width: 400px;       }     </style>   </head>   <body>     <div id="canvas"></div><div id="print"></div>   </body> </html>
查看完整描述

2 回答

?
牛魔王的故事

TA貢獻1830條經驗 獲得超3個贊

會出現間隙是由于inline box引起的,改變base-line可以去除間隔。
比如,使用vertical-align:bottom vertical-align:middle ,還可以向矩形中添加文字,這也會改變base-line的位置。

真是讓人覺得惡心。

詳細關于vertical-aligninline-box可以參考一下這篇博文
Vertical-Align: 關于inline,inline-block文本排版


查看完整回答
反對 回復 2019-03-25
  • 2 回答
  • 0 關注
  • 1106 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號