清除內聯元素間預設的間隔

2022-06-05 22:36:59 字數 707 閱讀 4063

在開發過程中，有一段**如下：

<


div 


class


="btns"


>


<


a class


="refusebtn"


data-i18n-text


="refuse"


>


a>


<


a class


="passbtn"


onclick


data-i18n-text


="pass"


>


a>


div>
但是，a標籤之間有乙個預設的間隔，導致兩個按鈕之間出現白色的縫隙。

當設定按鈕寬度分別為50%的時候，就會強制換行。

解決方法：設定btns的字型大小為0，即可。

.btns
這個時候按鈕寬度就能分別調到50%了。效果如下：

此外，span元素之間也會存在預設的間隔。

清除span之間間隔的方法：

設定父元素font-size為0，然後單獨設定span的字型大小即可。

塊級元素和內聯元素的預設寬高

我們先明確一下文件流的概念 對於內聯元素，是從左到右排列的，當寬度不夠時換行 對於塊級元素，是從上到下排列的，每乙個元素都另起一行。一 內聯元素寬高的確定 寬度 不受width的限制，有文字內容決定的，padding 和 margin 可以改變寬度。高度 不受height的限制，padding 和m...

塊級元素和內聯元素的預設寬高

我們先明確一下文件流的概念 對於內聯元素，是從左到右排列的，當寬度不夠時換行 對於塊級元素，是從上到下排列的，每乙個元素都另起一行。寬度 不受width的限制，有文字內容決定的，padding 和 margin 可以改變寬度。高度 不受height的限制，padding 和margin 也不能改變。...

HTML 元素間預設存在間距的問題

我們先來看一段 myspan1 myspan2 class myspan1 我是span1span class myspan2 我是span2span div 執行效果如下圖所示 可以看到，在清除了預設的 margin 和 padding 後，兩個 span 元素之間依然產生了間距。這個間距是在源 ...