1. 實現頁面背景不動的方法: background-attachment : fixed / scroll / inherit
2. js獲取css樣式類值:
ie:方法一:obj.currentstyle["attribute"] ; //獲取的是最終應用在元素上的所有css屬性物件,但只適用於ie;
方法二:obj.getattribute("css屬性名·");
ie9 / ff / chrome:
方法一:document.defaultview.getcomputedstyle("元素物件","偽類")["attribute"] ;
方法二:getpropertyvalue("css屬性");
我們使用element.style
也可以獲取元素的css樣式宣告物件,但是其與getcomputedstyle
方法還有有一些差異的。
唯讀與可寫
正如上面提到的getcomputedstyle
方法是唯讀的,只能獲採樣式,不能設定;而element.style
能讀能寫,能屈能伸。
獲取的物件範圍
getcomputedstyle
方法獲取的是最終應用在元素上的所有css屬性物件(即使沒有css**,也會把預設的祖宗八代都顯示出來);而element.style
只能獲取元素style
屬性中的css樣式。因此對於乙個光禿禿的元素,
getcomputedstyle
方法返回物件中length
屬性值(如果有)就是190+
(據我測試ff:192, ie9:195, chrome:253, 不同環境結果可能有差異), 而element.style
就是0
。
3. 關於vertical-align屬性,vertical-align屬性是不適用於塊元素的,這就是為什麼有些人使用vertical-align屬性無效的原因。但是我們可以使用
display屬性
,設定其值為table-cell,將塊元素轉化為單元格,然後再使用vertical-align屬性。需要注意的是,上面這種方法是存在相容性問題的。ie6以及以ie為核心的瀏覽器如世界之窗、360、遨遊等瀏覽器不支援這種用法,而chrome、火狐卻能支援。
4.關於自動換行的問題
其實只要在**控制中新增一句
就搞定了。
其中可能對英文換行可能會分開乙個單詞問題:解決如下:
語法:
word-break : normal | break-all | keep-all
引數:
normal : 依照亞洲語言和非亞洲語言的文字規則,允許在字內換行
break-all : 該行為與亞洲語言的normal相同。也允許非亞洲語言文字行的任意字內斷開。該值適合包含一些非亞洲文字的亞洲文字
keep-all : 與所有非亞洲語言的normal相同。對於中文,韓文,日文,不允許字斷開。適合包含少量亞洲文字的非亞洲文字
是軟回車,就是換行後還是緊接著上一行,沒有
是段落標籤,由於例如居中、縮排等標籤都是以段落為單位的,所以它可比
有更多作用,但每次換行都會多空一行,有
除此之外,例如**、表單、水平線等都是強制換行,就是緊接著的標籤前無論有沒有換行標籤,都強制換行。
注意:在table中可能出現連續字元很長的情況,這樣就會把**撐寬,可以參考使用 table-layout:fixed屬性來固定**寬度。
css 自動換行
大家都知道連續的英文或數字能是容器被撐大,不能根據容器的大小自動換行,下面是css如何將他們換行的方法!對於div 1.ie瀏覽器 white space normal word break break all 這裡前者是遵循標準。wrap 或者 wrap ddd111111111111111111...
CSS自動換行
1 換行 1 css實現td的自動換行 在做專案時有時會出現文字過多,一行不能完全顯示,需要換行顯示的要求,現在了解一下下吧 td元素的nowrap屬性表示禁止單元格中的文字換行,但使用時還要注意,nowrap屬性的行為與td元素的width屬性有關。若未設定td寬度,則nowrap屬性可以起作用,...
css自動換行
css自動換行有什麼技巧?大家都知道連續的英文或數字能是容器被撐大,不能根據容器的大小自動換行,下面是 css如何將他們換行的方法!大家都知道連續的英文或數字能是容器被撐大,不能根據容器的大小自動換行,下面是 css如何將他們換行的方法!對於div 1.ie瀏覽器 white space norma...