CSS 28 塊之間的空格

2022-06-24 18:33:07 字數 1776 閱讀 6142

步驟 1 : 

如果多個span連續編寫,像這樣:

<

span

>連續的span

span

><

span

>連續的span

span

>

是不會有空格的

但是真正開發**的時候,一般不會連續書寫span,而是不同的span之間有回車換行,比如這樣:

<

span

>有換行的span

span

>

<

span

>有換行的span

span

>

<

span

>有換行的span

span

>

而這樣編寫**,就會導致

<

span

>之間出現空格

<

style

>

span

style

>

<

div

class

="continue"

>

<

span

>連續的span

span

><

span

>連續的span

span

><

span

>連續的span

span

><

span

>連續的span

span

>

div>

<

div

class

="nocontinue"

>

<

span

>有換行的span

span

>

<

span

>有換行的span

span

>

<

span

>有換行的span

步驟 2 : 

使用float來解決。

float使用完畢之後,記得在下面加上

用於使得後續的元素,不會和這些span重複在一起

<

style

>

div.nocontinue span

style

>

<

div

class

="nocontinue"

>

<

span

>有換行的span

span

>

<

span

>有換行的span

span

>

<

span

>有換行的span

span

>

div>

<

div

style

="clear:both"

>

div>

<

div>後續的內容

移除行塊級元素之間的空格(譯文)

引言 我現在仍然記得作為乙個ie6時代的初級開發者拼命的渴望ie擁有display inline block 這個屬性。當我們想控制間距和填充在inline元素兒不用block and float的時候,inline block這個屬性是及其的有用。然而,使用inline block的時候有乙個問題...

css 樣式中類之間有空格和無空格的區別

看到.header.content.header.content.header content 這幾個選擇器的意思 header.content 中間無空格 且 的關係 表示class 中有header 並且有content的元素 header.content 中間有空格 後代選擇器class co...

去數字之間的空格

表 delspace,字段 dwmc,型別 nvarchar,內容如下 我們想去掉上面記錄中的空格,函式定義如下 create function dbo.get number2 s varchar 100 returns varchar 100 as begin while patindex 0 9...