防止表格被撐開 CSS word-wrap 英文單詞斷開換行問題

來源:互聯網
上載者:User

<TABLE id="Table1" style="TABLE-LAYOUT:fixed;word-break:break-all" border="1">
或在指令碼中:
this.style. wordBreak = break-all

String設定或擷取一個下面的值:
normal
預設值. 允許從每個詞處回行。
break-all
不管在什麼位置,超過列寬時就回行。
keep-all
不允許 Chinese, Japanese, 和 Korean 回行。這個功能類似與“normal” 的非亞洲語言版本。

 

以上好像不行,要用 word-wrap

 

word-wrap是控制換行的。

  使用break-word時,是將強制換行。中文沒有任何問題,英文語句也沒問題。但是對於長串的英文,就不起作用。

  break-word是控制是否斷詞的。

  normal是預設情況,英文單詞不被拆開。

  break-all,是斷開單詞。在單詞到邊界時,下個字母自動到下一行。主要解決了長串英文的問題。

  keep-all,是指Chinese, Japanese, and Korean不斷詞。即只用此時,不用word-wrap,中文就不會換行了。(英文語句正常。)

總結,先用noWrap強行令文字不換行,再用style="TABLE-LAYOUT: fixed;word-wrap:break-word; overflow:hidden;"強製表格不撐開,即達到效果。

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.