如何强制限制表格宽度
网站有个地方由于个别用户写的域名比较长,导致表格被撑的很开这就需要强制限制表格宽度(防止文字对列表的挤开),举个例子如下:
<tr>
<td width="5%" >模版ID</td>
<td width="10%" >模版组</td>
<td width="20%" >短信内容</td>
<td width="15%" >发送范围</td>
<td width="8%" >添加人</td>
<td width="12%" >更新时间</td>
<td width="8%" >有效期</td>
<td width="12%" >备注</td>
<td width="10%" >操作</td>
</tr>
<s:iterator value="result" id="beans">
<tr onClick="ClickEvent(this)" onMouseDown="this.className='tblSubDeepBlue'" onMouseOver="overEvent(this)" onMouseOut="OutEvent(this)" id="${tempId}">
<td style="word-break:break-all;text-align:left;">${tempId}</td>
<td style="word-break:break-all;text-align:left;" >${smsTemplateGroup.groupName}</td>
<td style="word-break:break-all;text-align:left;">${smsContent}</td>
<td style="word-break:break-all;text-align:left;">${sendScope}</td><!--这里的样式是为了强制限制列表宽度,不让文字把列宽挤开, 让上面的width="15%"真正起到作用--> <td style="word-break:break-all;text-align:left;">${operator}</td>
<td ><s:date name="updateTime" format="yyyy-MM-dd HH:mm" /></td>
<td ><s:date name="endTimes" format="yyyy-MM-dd" /></td>
<td style="word-break:break-all;text-align:left;">${remarks}</td>
<td><a href="javascript:void(0);" onClick="modify('${tempId}')">修改</a>
<a href="javascript:void(0);" onClick="doRemove('${tempId}')">删除</a> </td>
</tr>
</s:iterator>
<tr>
<td colspan="9"><%@include file="/common/simplePager.jsp"%></td>
</tr>
</table>
扫一扫订阅我的微信号:IT技术博客大学习
- 作者:嘟嘟鱼 来源: 快享
- 标签: 宽度 强制
- 发布时间:2010-04-14 09:14:05
-
[928] WordPress插件开发 -- 在插件使用 -
[134] 解决 nginx 反向代理网页首尾出现神秘字 -
[52] 整理了一份招PHP高级工程师的面试题 -
[52] 如何保证一个程序在单台服务器上只有唯一实例( -
[51] 用 Jquery 模拟 select -
[50] 海量小文件存储 -
[50] Innodb分表太多或者表分区太多,会导致内 -
[50] 全站换域名时利用nginx和javascri -
[49] CloudSMS:免费匿名的云短信 -
[47] jQuery性能优化指南