css中行內元素和行內塊元素空白間隙的問題

在html**中，如果把行內元素或者行內塊元素寫成下面這樣的話，會出現空格的問題：

class

=>
>
我是行內元素span
>
>
我是行內元素span
>
>
我是行內元素span
>
div>
效果圖：
我麼可以看到，這裡保留了乙個空格，之所以出現先這個問題，**在於：我們**裡面的這幾個span
標籤都有換行，這些換行也叫作空文字節點，會被保留為乙個空格，所以我們要去掉這個空文字節點帶來的問題，解決方法如下：
class
=>
>
我是行內元素span
>
>
我是行內元素span
>
>
我是行內元素span
>
div>
取消**換行
這種方法非常直觀，但是**並不美觀了。。。而且維護起來也不方便。但是相容性好。

class
=>
>
我是行內元素span
>
>
我是行內元素span
>
>
我是行內元素span
>
div>
還有其他的一些方法都類似於第二種方法，就是變相的取消換行（在這裡我只說乙個吧）：
比如這樣：
class
=>
>
我是行內元素span
>
>
我是行內元素span
>
>
我是行內元素span
>
div>

CSS行內元素 塊元素和空元素

行內元素特點 1 和其他元素都在一行上 2 元素的高度 寬度 行高及頂部和底部邊距不可設定 3 元素的寬度就是它包含的文字或的寬度，不可改變。行內元素在設定 水平方向的padding left padding right margin left margin right都產生邊距效果，但豎直方向的p...

CSS中行內元素和塊級元素區別

一 塊級元素 block element 每個塊級元素一般佔一行。二 行內元素 inline element 行內元素也叫內聯元素 內嵌元素等。行內元素不會獨佔一行，相鄰兩個行內元素可以排在同一行，設定寬度width 無效。設定高度height 無效，可以通過line height來設定。設定mar...

css中行內元素和塊級元素的區別

一 塊級元素 block element 每個塊級元素預設佔一行高度，一行內新增乙個塊級元素後無法一般無法新增其他元素 float浮動後除外 兩個塊級元素連續編輯時，會在頁面自動換行顯示。塊級元素一般可巢狀塊級元素或行內元素 塊級元素一般作為容器出現，用來組織結構，但並不全是如此。有些塊級元素，如只...