强制限制表格宽度

最新推荐文章于 2023-12-15 16:34:47 发布

chruan

最新推荐文章于 2023-12-15 16:34:47 发布

阅读量2.5k

点赞数

分类专栏： css 文章标签： iterator javascript date include table file

css 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

网站有个地方由于个别用户写的域名比较长，导致表格被撑的很开这就需要强制限制表格宽度（防止文字对列表的挤开），举个例子如下：

<table>

<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>        <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>