中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

溫馨提示×

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

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

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

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

大渡口区| 哈尔滨市| 内丘县| 保山市| 清丰县| 资源县| 东方市| 余庆县| 漯河市| 西城区| 筠连县| 额济纳旗| 古浪县| 蒙自县| 大庆市| 乐至县| 招远市| 嘉黎县| 桐乡市| 宁远县| 香格里拉县| 葵青区| 广宗县| 灌南县| 乌拉特中旗| 博白县| 吉隆县| 琼海市| 十堰市| 宁化县| 东宁县| 天祝| 弥渡县| 亚东县| 襄城县| 饶阳县| 阿克陶县| 长武县| 磐安县| 泽库县| 新蔡县|