Css自動換行 背景固定 JS取CSS值

2021-06-08 05:21:59 字數 1804 閱讀 9021

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...