亚洲激情专区-91九色丨porny丨老师-久久久久久久女国产乱让韩-国产精品午夜小视频观看

溫馨提示×

溫馨提示×

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

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

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

發布時間: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

磐石市| 台中县| 泌阳县| 德安县| 平度市| 岳阳市| 措勤县| 格尔木市| 秦安县| 河源市| 滁州市| 嵩明县| 将乐县| 疏勒县| 长汀县| 柘城县| 绍兴县| 新泰市| 抚宁县| 济阳县| 那曲县| 广平县| 揭阳市| 海南省| 宁夏| 舟山市| 镇平县| 五台县| 亳州市| 阿坝县| 自贡市| 寻乌县| 凤城市| 青龙| 张家口市| 报价| 杭锦后旗| 枣阳市| 沛县| 麦盖提县| 府谷县|