span右對齊不換行

2021-06-17 00:12:46 字數 374 閱讀 1990

問題描述:

火狐跟ie8都正常

在ie6下不正常,出現錯位現象

為什麼會出現這種情況?系統預設的標籤為什麼不會出現錯位現象?

原來分析:當非float元素和float元素在一起的時候,假如非float元素在前,那麼float元素將被排拆,所以,即使span是float:right,但文字顯示是float:none,所以span將被排斥。

解決方法一

問題得到解決。

解決方法二

我們並不需要修改span排在文字前面,在a屬性中加入乙個浮動屬性,讓其成為浮動元素

這樣也可以解決錯位的問題

解決方法三

第三和第二種方法沒有第一種方法簡單,為了網頁**的簡潔性,建議採用第一種方法。

解決float right後右對齊換行

原因分析 當非float的元素和float的元素在一起的時候,如果非float元素在先,那麼float的元素將被排斥也就是說,你的span是float right,但是你文字還是float none。如果要讓兩者在同一行的話,有兩種方法。把span先於文字顯示,即 1 divstyle width ...

解決span中的內容不換行

span white space 通過html文件的源 的排版方式控制頁面顯示文字的排版方式 取值 normal pre nowrap pre wrap pre line inherit normal 正常無變化 預設處理方式.文字自動處理換行.假如抵達容器邊界內容會轉到下一行 pre 保持html...

元素 float right 後右對齊換行原因

eval title eval dateline span這樣.的內容到了.下一行,典型的問題就是新聞列表中題目和日期錯行!這個問題出現在ie8的相容模式下,ie8和火狐都沒有問題。當非float的元素和float的元素在一起的時候,如果非float元素在先,那麼float的元素將被排斥 也就是說,...