问一个页面显示的问题 ^0^

Question

表格加上
style="table-layout:fixed;word-wrap:break-word;word-break:break-all;"

Answer 1

使用 word-wrap :<style>
#idParentDiv{width:300px;height:120px;padding:6px;background-color:buttonshadow;overflow:auto;}
#idDIV{width:100%;background-color:#87CEEB;padding:6px;word-break:normal;word-wrap : normal ; word-break : normal;}
#idCodeDiv{width:100%;padding:4px;font-family:verdana,tahoma;margin:12px 0px 0px 0px;background-color:#EEEEEE;font-weight:bold;}
</style><script>
function rdl_change(e){
document.body.style.overflowY="scroll";
var oCodeDiv=document.all("idCodeDiv");
var oDiv=document.all("idDiv");
with (document.all("idSel1")) var sValue1=options[selectedIndex].value;
with (document.all("idSel2")) var sValue2=options[selectedIndex].value;
with (oDiv.style) {
wordWrap=sValue1;wordBreak=sValue2;
}
oCodeDiv.innerText="word-wrap : "+sValue1+" ;\r\n"+"word-break : "+sValue2+" ;";
}
</script><div id=idParentDiv>
<div id=idDIV>LongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWordLongWord</div>
</div>
<br>
<table><tr><td>
<select id="idSel1" onchange="rdl_change();">
<option value="normal">---word-wrap---
<option value="break-word">break-word
<option value="normal">normal
</select>
</td><td>
<select id="idSel2" onchange="rdl_change();">
<option value="normal">---word-break---
<option value="break-all">break-all
<option value="keep-all">keep-all
<option value="normal">normal
</select>
</td></tr></table>
<div id=idCodeDiv>word-wrap : normal ;<br>word-break : normal ;</div>