如何停止溢出表面的动态数据?
-
03-10-2019 - |
题
这是一个支柱应用。我必须在DB或任何会话对象(例如注释)中检索的左手面板中显示一些动态日期。如果单词之间有空间,那么它的工作正常。但是,在测试我是否要输入一些没有空间的角色时,然后在左手面板中显示数据的同时越过桌子,并在IE8,Mozilla和Chrome的主面板上进行。
我的示例代码部分就是这样。
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="center" class="fixedTable">
<tr>
<td class="normalTxt" width="100" style="text-align:left;"
bean:write name="cNotesInfo" property="description" />
</td>
</tr>
</table>
请任何解决方案。
我删除了< />符号使你成为代码.
解决方案
在渲染到屏幕之前,您可以在数据中添加一个空间。
string Data = "areallylongstringthatisgoingtobreakyouroutputresult"
if(Data.Length > 50 && !Data.Contains(' ')){
Data.insertAfter(25,' ');
}
此外,还有适用于选定的浏览器..在IE 5.5+,Firefox 3.5+和Webkit浏览器(例如Chrome和Safari)中支持Word-infrap。
.break-word {
word-wrap: break-word;
}
一个重要的说明 - 如果元素具有固定宽度,则此方法效果很好。但是,如果您有100%的宽度,这将无法完成这项工作
不隶属于 StackOverflow