td内容自动换行Word下载.docx
- 文档编号:6041863
- 上传时间:2023-05-05
- 格式:DOCX
- 页数:7
- 大小:66.67KB
td内容自动换行Word下载.docx
《td内容自动换行Word下载.docx》由会员分享,可在线阅读,更多相关《td内容自动换行Word下载.docx(7页珍藏版)》请在冰点文库上搜索。
tdwidth=50>
asdasd<
/td>
tdwidth="
100%"
style="
word-wrap:
break-word;
word-break:
break-all;
overflow:
hidden;
"
abcdefghigklmnopqrstuvwxyz1234567890abcdefghigklmnopqrstuvwxyz1234567890abcdefghigklmnopqrstuvwxyz1234567890abcdefghigklmnopqrstuvwxyz1234567890abcdefghigklmnopqrstuvwxyz1234567890abcdefghigklmnopqrstuvwxyz1234567890abcdefghigklmnopqrstuvwxyz1234567890<
/tr>
/table>
在Table中加入如下样式:
style="
fixed;
WORD-BREAK:
WORD-WRAP:
break-word"
在默认情况下网页是不会自动换行的,如果字符很长的话,就会
使网页变型,因为它是通过绝对长度来控制的,我们在实际使用
中可是不想让它这样,其实只要在表格控制中添加一句
tdstyle="
break-all"
就搞定了。
下面是一段示范的代码:
body>
tablewidth="
100"
border="
0"
!
--控制表格的长度来换行-->
628"
dddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd<
/body>
在用表格做网页排版的时候,有时会碰到一段连续的英文词或者连续的标点号,会出现把网页就撑开的现象。
可以用css强制换行:
>
word-wrap:
abcdefghtiasdhjkasdha<
td>
fixed可以让表格中有连续的标点号之类的字符时自动换行
break-word此样式可以让表格中的一些连续的英文单词自动换行
break-all;
WORD-WRAP:
break-word"
RippleRippleRippleRippleRippleRippleRippleRippleRippleRippleRippleRippleRippleRipple
cellspacing="
cellpadding="
word-wrap:
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(longWord);
returncutWord.substring(1,cutWord.length());
}else{
String[]words=longWord.split("
for(Stringword:
words){
if(word.length()<
=wordNumber){
+word);
continue;
while(word.length()>
+word.substring(0,wordNumber));
word=word.substring(wordNumber,word.length());
//Ifthelengthofthelaststringislessthan3,mergeitto
//lastbutone.
if(word.length()>
cutWord.append(word);
2.js版
scripttype="
text/javascript"
//<
[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);
//]]>
/script>
tableborder="
tdnowrap>
spanstyle="
text-overflow:
ellipsis;
overflow-x:
hidden;
width:
300px;
水果拼盘:
西瓜、苹果、哈密瓜,或者任何别的什么<
/span>
<
divtitle='
%#Eval("
Context"
)%>
'
120px;
)%>
/div>
加个css就能搞定,你的意思是先把td固定住,然后输入的内容td装不下了就变成...是吧!
把这个加到你的css文件里.ctltable{border-collapse:
collapse;
table-layout:
fixed}.ctltabletd{text-overflow:
ellipsis;
white-space:
padding:
2px}ctltable加在table上就可以了<
tableclass="
ctltable"
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- td 内容 自动 换行