bl双性强迫侵犯h_国产在线观看人成激情视频_蜜芽188_被诱拐的少孩全彩啪啪漫画

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

網頁開發過程中時常會遇到關于折行與不折行的問題。比如一個固定尺寸的區域里,我們要寫一個長英文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強制不折行,可以用(通用)。

網頁題目:樣式控制內容(一)—強制折行與不折行
地址分享:http://vcdvsql.cn/article2/gdggic.html

成都網站建設公司_創新互聯,為您提供品牌網站建設關鍵詞優化網站營銷電子商務移動網站建設定制開發

廣告

聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯