td内容自动换行.docx

td内容自动换行.docx

《td内容自动换行.docx》由会员分享，可在线阅读，更多相关《td内容自动换行.docx（7页珍藏版）》请在冰豆网上搜索。

td内容自动换行

td内容自动换行

D

break-word;">

不换行简单些td中加white-space:

nowrap;就行了

换行如下：

fixed;"width='100%'>

asdasd

break-word;word-break:

break-all;overflow:

hidden;">abcdefghigklmnopqrstuvwxyz1234567890abcdefghigklmnopqrstuvwxyz1234567890abcdefghigklmnopqrstuvwxyz1234567890abcdefghigklmnopqrstuvwxyz1234567890abcdefghigklmnopqrstuvwxyz1234567890abcdefghigklmnopqrstuvwxyz1234567890abcdefghigklmnopqrstuvwxyz1234567890

在Table中加入如下样式：

style="table-layout:

fixed;WORD-BREAK:

break-all;WORD-WRAP:

break-word"

在默认情况下网页是不会自动换行的，如果字符很长的话，就会

使网页变型，因为它是通过绝对长度来控制的，我们在实际使用

中可是不想让它这样，其实只要在表格控制中添加一句

break-all">就搞定了。

下面是一段示范的代码：

--控制表格的长度来换行-->

break-all">dddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd

在用表格做网页排版的时候，有时会碰到一段连续的英文词或者连续的标点号，会出现把网页就撑开的现象。

可以用css强制换行：

fixed;">

break-all;word-wrap:

break-word;">abcdefghtiasdhjkasdha

table-layout:

fixed可以让表格中有连续的标点号之类的字符时自动换行

word-break:

break-all;word-wrap:

break-word此样式可以让表格中的一些连续的英文单词自动换行

--控制表格的长度来换行-->

 fixed;WORD-BREAK:

 break-all; WORD-WRAP:

 break-word"

>RippleRippleRippleRippleRippleRippleRippleRippleRippleRippleRippleRippleRippleRipple

fixed;word-break:

break-all">

break-word;word-break:

break-all">xxx

1.java版 

  //以空格为分割符，将长字符串分段，末段小于2个字符的合并到前一个段

  privatestaticStringcutLongWord（StringlongWord）{

    intwordNumber=5;

    if（Report.isEmpty（longWord））{

      returnlongWord;

    }

    StringBuildercutWord=newStringBuilder（）;

    if（NumberUtils.isNumber（longWord））{

      BigDecimalbig=newBigDecimal（longWord）;

      StringtempLongWord=big.setScale（1,BigDecimal.ROUND_HALF_UP）.toString（）;

      longWord=tempLongWord.length（）-2>longWord.length（）?

tempLongWord:

longWord;

      while（longWord.length（）>wordNumber）{

        cutWord.append（""+longWord.substring（0,wordNumber））;

        longWord=longWord.substring（wordNumber,longWord.length（））;

      }

      if（cutWord.length（）==0||longWord.length（）>2）

        cutWord.append（""）;

      cutWord.append（longWord）;

      returncutWord.substring（1,cutWord.length（））;

    }else{

      String[]words=longWord.split（""）;

      for（Stringword:

words）{

        if（word.length（）<=wordNumber）{

          cutWord.append（""+word）;

          continue;

        }

        while（word.length（）>wordNumber）{

          cutWord.append（""+word.substring（0,wordNumber））;

          word=word.substring（wordNumber,word.length（））;

        }

        //Ifthelengthofthelaststringislessthan3,mergeitto

        //lastbutone.

        if（word.length（）>2）

          cutWord.append（""）;

        cutWord.append（word）;

      }

      returncutWord.substring（1,cutWord.length（））;

    }

  }

2.js版

//

[CDATA[

  functiontoBreakWord（intLen）{

    varobj=document.getElementById（"ff"）;

    varstrContent=obj.innerHTML; 

    varstrTemp="";

    while（strContent.length>intLen）{

      strTemp+=strContent.substr（0,intLen）+""; 

      strContent=strContent.substr（intLen,strContent.length）; 

    }

    strTemp+=""+strContent;

    obj.innerHTML=strTemp;

  }

  if（document.getElementById&&!

document.all）toBreakWord（37）;

//]]>

ellipsis;overflow-x:

hidden;width:

300px;">水果拼盘：

西瓜、苹果、哈密瓜，或者任何别的什么

 'style="text-overflow:

ellipsis;overflow-x:

hidden;width:

120px;">

                  <%#Eval（"Context"）%>