wbr和nobr標籤的應用

2021-08-25 06:38:44 字數 689 閱讀 2266

2023年2月17日

1,702 人瀏覽

首先請原 諒園子

會 告訴你wbr這標籤,乙個已經不再web標準

中 存在的標籤,雖然很多設計師(比如google)還在用著它,因為它有個作用是css

無法達到的。

如果你在網頁上顯示很長的英文單詞或者**時,我們並沒有很好的辦法在所有的瀏覽器中用css控制它換行,但是這個標籤可以做到,作用於不會自動換 行的區域中時,它會根據實際情況決定是否換行。假如:

123

4567

上圖是在瀏覽器視窗夠大的情況下的顯示效果,我們可以看出如果寬度足夠的話,並沒有起作用(圖2.6),但是,如果寬度沒有 連著的英文那樣長的話就會出現像下這樣的顯示效果:

除了ie5~6會撐開容器外,其他的瀏覽器都是溢位容器,能在需要換行的地方進行換行,雖然像這樣長的**幾乎不存在,但在製作網 頁時,常常會遇到類似這種情況,除了**,一些中文的字元也不會自動換行,雖然ie有私有的css屬效能讓它強制換行,但其它瀏覽器就必須使用其他的方 式。

與wbr作用相反的標籤,同樣不再web標準中存在的標籤,它是強制某些會換行的內容讓其不換行,這個標籤並不推薦使用,因為我們可以通過css來 實現它的功能。避免使用表現類的標籤可以讓我們向實現結構與表現的分離走近一小步,同時也要避免教條般的使用,應按需要使用。

html頁面跳轉方式和a標籤的應用

html頁面跳轉方式和a標籤的應用 觸發js location跳轉 相對路徑跳轉 觸發js 錨點調取 應用 檢視資源 看到我了嗎?1 五大主流瀏覽器的核心?瀏覽器的名稱 核心 瀏覽器的由來 瀏覽器的效能 谷歌 chrome webkit chrome 28以上為blink核心 google公司旗下瀏...

帶標籤體的標籤和父標籤的標籤

帶有標籤體的自定義標籤 1 若有乙個標籤體 c1 date sssss c1 date 在自定義標籤的標籤處理器中使用jspfragment物件封裝了標籤體的資訊 若配置了標籤含有標籤體,則jsp會呼叫setjspbody 方法把jspfragment傳遞給標籤處理類。在 tagsupport中還定...

jstl的c標籤應用

c標籤遍歷map 另外從後端傳過來的map來替換原表中的顏色id欄位,這是與c標籤的結合 序號 用料資材說明 使用部位 數量顏色 後台list resultlist new arraylist if list.size list2.size else request.setattribute res...