2013年8月16日 星期五

[css] for 各種瀏覽器文字, url 自動斷行or 換行

參考連結 作法一: 不過這個做法有缺點, 會把英文字母拆開. -ms-word-break: break-all; word-break: break-all; /* Non standard for webkit */ word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto;
參考連結 作法二: 這作法堪稱完美. .wordwrap { /* wrap long text and urls */ white-space: pre; /* CSS 2.0 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3.0 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ white-space: -moz-pre-wrap; /* Mozilla */ word-wrap: break-word; /* IE 5+ */ }

【下列文章您可能也有興趣】

沒有留言: