span標籤間距 (實用)

2021-10-01 02:57:43 字數 1110 閱讀 9612

原文出處:

最近在做的乙個專案裡面碰到這麼乙個問題:

塊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中都無...