span有間隔 span標籤間距

2021-10-19 22:35:42 字數 893 閱讀 9049

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

塊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有間隔 如何去除span之間的間隙bug

不知道大家有沒有這樣的經歷,我們把2個span寫在一起的時候,在頁面上會發現他們之間有一段間隙,這是什麼原因呢?先不要著急往下看我的解決方法,自己先想一下,也許你想到的比我的方法會更好。html hello,世界css wrap font size 0 background blue span ba...

span標籤間距 (實用)

原文出處 最近在做的乙個專案裡面碰到這麼乙個問題 塊1 塊2 在 塊1 和 塊2 之間存在著乙個大概3em的空白.圖就不上了 這明顯不符合預期.最後發現 當這兩個span寫在一行.問題就解決了.塊1 塊2 原因在於 行內元素之間在換行時會產生乙個換行符號,然後會占用一定的寬度.同理 i s之類的行內...

span標籤 strong b 標籤

span 標籤 標籤被用來組合文件中的行內元素。注 span 沒有固定的格式表現。當對它應用樣式時,它才會產生視覺上的變化 span標籤 執行如下 span 沒有固定的格式表現。當對它應用樣式時,它才會產生視覺上的變化 用於強調文字,但它強調的程度更強一些,表示重要文字。標籤呈現粗體文字效果。標籤是...