原文出處:
最近在做的乙個專案裡面碰到這麼乙個問題:
塊1
塊2
在「塊1」和「塊2」之間存在著乙個大概3em的空白...圖就不上了
這明顯不符合預期....
最後發現:當這兩個span寫在一行...問題就解決了...
塊1
塊2
原因在於 行內元素之間在換行時會產生乙個換行符號,然後會占用一定的寬度...
同理 i s之類的行內元素也是會存在一樣的問題
並且這個寬度是小於乙個空格的...
在此記錄一下這個浪費了我一天時間的問題- -!歌以詠志
*****==7月8日更新*****==
之前的解決方法是,把所有的span都寫到一行,這當然是最穩妥的做法,但是帶來的麻煩肯定是有的...這意味著需要書寫一行特別特別長的**,按照**規範來看,一行**是最好不要超過50還是200個字元來著....(具體請參閱efe**規範)
所以有三種解決方法:
1、在js裡拼接好字串後再通過innerhtml方法顯示出來
2、這個空白貌似確實就是3em大小,所以只要設定span的margin-right: -3em即可,親測有效,唯一不爽的地方是,如果行內存在i s em之類其他的元素,每個元素都得設定一下margin-right,並不是很爽= =!
3、換行符號的寬度是由所在標籤的字型大小有關,以上面的**為例,p的font-size越大,塊1與塊2之間的空白就越寬,反之則越小。
所以解決方案就是:將p的font-size設為0即可。
*****==再補充*****===
這種方法算是奇技淫巧....
塊1>塊2>塊3
塊1
塊2塊3
span有間隔 span標籤間距
最近在做的乙個專案裡面碰到這麼乙個問題 塊1塊2 在 塊1 和 塊2 之間存在著乙個大概3em的空白.圖就不上了 這明顯不符合預期.最後發現 當這兩個span寫在一行.問題就解決了.塊1塊2 原因在於 行內元素之間在換行時會產生乙個換行符號,然後會占用一定的寬度.同理 i s之類的行內元素也是會存在...
span標籤 strong b 標籤
span 標籤 標籤被用來組合文件中的行內元素。注 span 沒有固定的格式表現。當對它應用樣式時,它才會產生視覺上的變化 span標籤 執行如下 span 沒有固定的格式表現。當對它應用樣式時,它才會產生視覺上的變化 用於強調文字,但它強調的程度更強一些,表示重要文字。標籤呈現粗體文字效果。標籤是...
給span 標籤設定寬度
在預設的情況下,利用css樣式對span進行寬度設定是無效,但有時為了某種排版的要求,需要對span進行寬度設定,那麼如何在html中利用css樣式設定span的寬度?思路 這看上去是個很簡單的問題,似乎用style中的width屬性就可以。然而通過試驗以後發現,無論是在firefox還是ie中都無...