不知道大家有沒有這樣的經歷，我們把2個span寫在一起的時候，在頁面上會發現他們之間有一段間隙，這是什麼原因呢？先不要著急往下看我的解決方法，自己先想一下，也許你想到的比我的方法會更好。
html**：
hello，
世界css**：
.wrap {
/* font-size: 0; */
background: blue;
span {
background: red;
這裡我並沒有對span寫任何樣式，只是加了乙個背景顏色，但是為啥會有空隙呢？這是因為我們習慣寫完乙個元素標籤之後就換行，所以那個間隙就是那個」換行」，當然空格也會造成同樣效果。那要怎麼解決這個問題呢？第乙個就是去掉空格或者換行，有時候是最簡單的方法有時候也是最麻煩最笨的方法(這裡要注意：在火狐或者safari下還會有上下空隙，所以這個還是蛋疼的方法，同樣下面那個font-size為0的方法也會有上下空隙，設定浮動和設定flex的方法就比較好，沒有上下間隙)
最笨的辦法，將span寫在一行：
你好你好啊
效果圖：
有沒有其他方法呢？當然是有的，特別宣告：以下介紹的方法html**結構都是
你好你好啊
這裡推薦三種方法，具體的來看一下
第一種：原理就是講font-size為0之後，把那個空格字型大小設定為0就看不到了
css**：
.wrap {
font-size: 0;
background: blue;
span {
background: red;
font-size: 16px;
第二種方法：原理：利用浮動實現
css**：
.wrap {
background: blue;
overflow: hidden;
span {
background: red;
font-size: 16px;
float: left;
第三種方法：原理利用display:inline-flex/flex,注意都是設定在父元素上，inline-flex的話父元素就不是100%寬了，flex還是100%寬，而且flex的相容性大家也知道，所以推薦在移動端使用
css**：
.wrap {
background: blue;
display:flex;
overflow: hidden;
span {
background: red;
結束語
span有間隔 span標籤間距
最近在做的乙個專案裡面碰到這麼乙個問題 塊1塊2 在 塊1 和 塊2 之間存在著乙個大概3em的空白.圖就不上了 這明顯不符合預期.最後發現 當這兩個span寫在一行.問題就解決了.塊1塊2 原因在於 行內元素之間在換行時會產生乙個換行符號，然後會占用一定的寬度.同理 i s之類的行內元素也是會存在...
span如何設定width
如果span只加width引數，這個寬度設定不管用。需要把span加上display inline block.homepage 進入中文主頁 css檔案中應該設定 link span width 120px display inline block 在google chrome 和ie6中試驗通過...
如何給span設定寬度 width ？
在網頁中，如何給 span 元素設定寬度？很簡單嘛，假定寬度為 100 畫素，用 css 設定 width 100px。如果你認為這個答案正確，就請繼續往下看 否則，你可能已經知道了答案。現在，你可以嘗試一下，你會發現這個寬度設定根本就不起作用。為什麼呢？因為 width 只對塊狀元素起作用，而 s...