`
齐晓威_518
  • 浏览: 618695 次
  • 性别: Icon_minigender_1
  • 来自: 郑州
社区版块
存档分类
最新评论

强制限制表格宽度(防止文字对列表的挤开)

 
阅读更多

<table>

    <tr class="blueheader"> 
      <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;" mce_style="word-break:break-all;text-align:left;" class="txtcen">${tempId}</td> 
        <td style="word-break:break-all;text-align:left;" mce_style="word-break:break-all;text-align:left;" class="txtcen"  >${smsTemplateGroup.groupName}</td> 
        <td style="word-break:break-all;text-align:left;" mce_style="word-break:break-all;text-align:left;">${smsContent}</td> 
        <td style="word-break:break-all;text-align:left;" mce_style="word-break:break-all;text-align:left;">${sendScope}</td><!--这里的样式是为了强制限制列表宽度,不让文字把列宽挤开, 让上面的width="15%"真正起到作用-->        <td style="word-break:break-all;text-align:left;" mce_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;" mce_style="word-break:break-all;text-align:left;">${remarks}</td> 
        <td><a href="javascript:void(0);" mce_href="javascript:void(0);" onClick="modify('${tempId}')">修改</a> 
         <a href="javascript:void(0);" mce_href="javascript:void(0);" onClick="doRemove('${tempId}')">删除</a> </td> 
      </tr> 
    </s:iterator> 
    <tr> 
      <td colspan="9" class="page"><%@include file="/common/simplePager.jsp"%></td> 
    </tr>


</table>

分享到:
评论

相关推荐

    超实用的jQuery代码段

    6.24 设计可改变单元格宽度并可以多选的表格 第7章 jQuery操作图形图像 7.1 如何更好地处理图片法显示问题 7.2 如何显示图片直到页面加载完成 7.3 预加载显示图片的方法 7.4 Facebook风格的图片预加载 7.5 检查图片...

    MOSWORD2003培训教材ExpertCPC20071012.pptx

    - 选择“仅允许在文档中进行此类编辑”,并启用“修订”模式,然后通过“是,启动强制保护”设置密码,如“correct”,以防止未经授权的修改。 7. **插入艺术字**: - 若要在文档顶部插入艺术字标题,如“亚米屋...

    网页表格或div层在网页中被撑开解决之道

    `强制换行,防止文本过长导致表格扩展;`word-break:break-all;`则用于解决英文文本(非亚洲语言)撑开表格的问题。在多数情况下,只需`table-layout:fixed;word-wrap:break-word;`即可。 4. **CSS控制图片自适应**...

    xheditor-1.1.14

    参数值:视频上传前限制的文件扩展名列表,默认为:avi,建议与服务端扩展名检查列表一致 onUpload:文件上传成功回调函数 参数值:成功后需要执行的函数 说明:这个函数执行时返回的值为上传程序返回的msg变量,...

    常用的JS,web开发有用哦

    ##### 1.46 表格文字强制换行(指定宽度, 防止撑破表格) - 控制表格内的文本换行,避免超出设定宽度。 ##### 1.47 相邻表格边框线合并 - 合并相邻表格的边框线,使得表格看起来更加整洁。 ##### 1.48 表格并排 -...

    css实现不再让内容把td撑开的常用解决方法

    `,这将限制表格的总宽度为600像素。同时,`table-layout:fixed;`表示表格布局固定,这样单元格的宽度将根据设定的值进行分配,而不是根据内容自动调整。 接着,我们关注`td`(表格单元格)的选择器。这里应用了四...

    html td nowrap不换行属性使用方法

    然而,一旦设定了`width`,`nowrap`可能不会像预期那样工作,因为一旦单元格宽度达到设定值,浏览器可能会强制文本换行以适应宽度限制。 以下是一些`nowrap`属性的实例演示: 1. **未设置`nowrap`属性**:文本会...

    办公软件 之excel

    Excel是Microsoft Office套件中的一款强大电子表格软件,用于数据管理和分析。本文将详细介绍Excel的一些基本操作和常用技巧,帮助你快速掌握这个工具。 1. **自动填充数据**:当你需要在单元格中填充一系列连续或...

    Delphi5开发人员指南

    2.8 强制类型转换和类型约定 46 2.9 字符串资源 47 2.10 测试条件 47 2.10.1 if语句 47 2.10.2 case语句 48 2.11 循环 49 2.11.1 for循环 49 2.11.2 while循环 49 2.11.3 repeat...until 50 2.11.4 Break()过程 50 ...

    2021-2022计算机二级等级考试试题及答案No.1340.docx

    因此,选项D:“能对基本表和视图进行更新操作,但对视图的更新操作是受限制的”是正确的。 ### 8. 打印机的工作原理分类 **知识点概述:** 打印机可以根据其工作原理被分为两类:击打式打印机和非击打式打印机。 ...

Global site tag (gtag.js) - Google Analytics