91超碰碰碰碰久久久久久综合_超碰av人澡人澡人澡人澡人掠_国产黄大片在线观看画质优化_txt小说免费全本

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

樣式控制內容(一)—強制折行與不折行

發布時間:2020-05-09 18:43:39 來源:網絡 閱讀:5745 作者:kiddymeet 欄目:web開發
網頁開發過程中時常會遇到關于折行與不折行的問題。比如一個固定尺寸的區域里,我們要寫一個長英文URL,或者是有個超長英文單詞時,通常瀏覽器會默認認為這個長串字符不能被折行,導致頁面被撐開。
通常網上搜索到的結果是通過樣式中加word-break來實現折行的。但是word-break只對IE5.5以上瀏覽器起作用。如果要在其他瀏覽器中也實現強制折行,需要用其他的方法來實現。
比如對firefox瀏覽器,如果想要實現長鏈接的折行可以使用javascript的方法實現。
<script language="javascript" type="text/javascript" defer="defer">
    javascript:(
      function(){
         var D=document; F(D.body);
         function F(n){
            var u,r,c,x;
            if(n.nodeType==3){
               u=n.data.search(/\S{10}/);
               if(u>=0) {
                    r=n.splitText(u+10); n.parentNode.insertBefore(D.createElement("WBR"),r);
               }
           }else if(n.tagName!="STYLE" && n.tagName!="SCRIPT"){
               for (c=0;x=n.childNodes[c];++c){
                    F(x);
               }
           }
        }
      }
 )();
</script>
 
除了javascript方法外,我們還可以通過CSS樣式來控制折行:
pre{
white-space: pre; /* CSS2 */
white-space: -moz-pre-wrap; /* Mozilla */
white-space: -hp-pre-wrap; /* HP printers */
white-space: -o-pre-wrap; /* Opera 7 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: pre-wrap; /* CSS 2.1 */
white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
word-wrap: break-word; /* IE */
}
如果想控制DIV和TD強制不折行,可以用(通用)。
向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

阜康市| 云南省| 平谷区| 瓮安县| 左云县| 柳林县| 濮阳市| 阿鲁科尔沁旗| 华容县| 德兴市| 曲松县| 临沂市| 亳州市| 定日县| 永昌县| 英德市| 鹤庆县| 吉林省| 渝北区| 包头市| 汉中市| 邛崃市| 江陵县| 永和县| 四子王旗| 石楼县| 楚雄市| 广东省| 天全县| 深泽县| 绥芬河市| 元谋县| 乾安县| 静海县| 清水县| 汶川县| 洮南市| 新乡市| 诏安县| 白山市| 同仁县|