`
welody
  • 浏览: 20614 次
  • 性别: Icon_minigender_1
  • 来自: 青岛
社区版块
存档分类
最新评论

<td>之间文字长度限制

    博客分类:
  • HTML
阅读更多
加入如下css即可控制
<style type="text/css">
   .table {table-layout:fixed}
   .table td {overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
</style>
<table class="table">
<tr>
<td></td><td></td>
</tr>
</table>

这样就不用担心单元格内文字过长把整个页面撑开——css会自动把显示内容截取并在尾部加"..."来显示 部分内容。
分享到:
评论
1 楼 dengli19881102 2011-07-02  
根本就不行

相关推荐

    获取网页表格数据 正则表达式

    获取网页表格数据 &lt;tr&gt; &lt;td&gt;正则表达式 获取网页表格数据 &lt;tr&gt; &lt;td&gt;正则表达式

    html表格<table></table>

    &lt;td rowspan="2"&gt; &lt;/td&gt; &lt;td&gt; 第二行的单元格 &lt;/td&gt; &lt;td&gt; 第三行的单元格 &lt;/td&gt; &lt;/tr&gt; &lt;tr &gt; &lt;td colspan="2" align="center"&gt; 第二行的单元格 &lt;/td&gt; &lt;/tr&gt; &lt;tr &gt; &lt;td&gt; 第一行...

    购物车代码

    .println("&lt;table align='center'&gt;&lt;tr&gt;&lt;th&gt;图片&lt;/th&gt;&lt;th&gt;产品名称&lt;/th&gt;&lt;th&gt;产品价格&lt;/th&gt;&lt;th colspan=2&gt;操作&lt;/th&gt;&lt;/tr&gt;"); try { DBaccess db = new DBaccess(); ArrayList&lt;Goods&gt; goods = db.Search...

    JSP图书管理系统

    &lt;td height="33" colspan="3" valign="middle" bgcolor="#F7F7F7"&gt;&lt;span style="font-size: medium"&gt;新进图书&lt;/span&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td height="10"&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td height=...

    前端与移动开发之表格

    &lt;table align="表格对齐方式center/right/left" border="表格边框 默认没有边框" cellpadding="文字和单元格之间边距 默认为1" cellspacing="单元格和单元格之间间距 默认为2" width="表格宽度" height="表格高度"&gt; ...

    JSP+Struts+JSTL+EL新闻发布系统jsp

    &lt;td width="594" height="16" valign="top" background="/images/index_13.jpg"&gt;&lt;script language='JavaScript' type='text/JavaScript' src='/Article/js/menu.js'&gt;&lt;/script&gt; &lt;script type='text/javascript' ...

    php分页程序 通过$j实现分页

    // echo"&lt;td&gt;$totalpage&lt;/td&gt;"; for($j=1;$j&lt;$page;$j++) { echo"&lt;td&gt;". "["."&lt;a href=?page=$j&gt;$j&lt;/a&gt;"."] "."&lt;/td&gt;"; } } else { for($j=$page-10;$j&lt;$page;$j++) { echo "&lt;td&gt;". "["."&lt;a href=?page=...

    Web前端开发基础:制作江湖游网页.ppt

    &lt;td&gt;和&lt;/td&gt;表示一个单元格的起始和结束,也可以说表示一行中包含了几列 基本语法 &lt;table&gt; &lt;tr&gt; &lt;td&gt;单元格内的文字&lt;/td&gt; &lt;td&gt;单元格内的文字&lt;/td&gt; …… &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;单元格内的文字&lt;/td&gt; &lt;td&gt;单元格内的文字&lt;/...

    使用HTML开发商业网站-创建表格课件.pptx

    创建表格 ...&lt;td&gt;mate40pro&lt;/td&gt; &lt;td&gt;亮黑色&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;OPPO&lt;/td&gt; &lt;td&gt;Reno5 Pro&lt;/td&gt; &lt;td&gt;秘银色&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;小米&lt;/td&gt; &lt;td&gt;11 5G游戏手机&lt;/td&gt; &lt;td&gt;蓝色&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; 表格

    " data-report-query="utm_medium=distribute.pc_relevant_iteye_download.none-task-download-2~default~OPENSEARCH~Rate-10-1262678-iteye_blog-550218.nonecase&depth_1-utm_source=distribute.pc_relevant_iteye_download.none-task-download-2~default~OPENSEARCH~Rate-10-1262678-iteye_blog-550218.nonecase" data-report-click='{"mod":"popu_708","dest":"https://download.csdn.net/download/lin56zo/1262678","strategy":"2~default~OPENSEARCH~Rate","extra":"{\"utm_medium\":\"distribute.pc_relevant_iteye_download.none-task-download-2~default~OPENSEARCH~Rate-10-1262678-iteye_blog-550218.nonecase\"}"}' > <s:iterator value="list" id="book" status="u">

    &lt;td&gt; &nbsp; &lt;s:property value="id" /&gt; &lt;/td&gt; &lt;td&gt; &nbsp; &lt;s:property value="name" /&gt; &lt;/td&gt; &lt;td&gt; &nbsp; &lt;s:property value="author" /&gt; &lt;/...

    动态添加html<tr>和<td>

    我觉得挺好用,可以试下!我觉得挺好用,可以试下!我觉得挺好用,可以试下!我觉得挺好用,可以试下!

    HTML5基础知识-HTML5表格与列表.pptx

    行 列 1 &lt;table border=”1”&gt; ...该属性可以用在&lt;table&gt;、 &lt;tr&gt;、 &lt;td&gt;、&lt;th&gt;元素中 表格背景 background:设置背景图片 该属性可以用在&lt;table&gt;、&lt;td&gt;、&lt;th&gt;元素中 如果在&lt;table&gt;中和&lt;tr&gt;中同时设置了背景色,

    asp.net超强模板引擎

    #foreach($u in $ListUsers) ... &lt;td&gt;昵称&lt;/td&gt; &lt;td&gt;性别&lt;/td&gt; &lt;td&gt;城市&lt;/td&gt; &lt;/tr&gt; #each &lt;tr&gt; &lt;td&gt;$u.Name&lt;/td&gt; &lt;td&gt;$u.Sex&lt;/td&gt; &lt;td&gt;$u.City&lt;/td&gt; &lt;/tr&gt; #afterall &lt;/table&gt; #nodata 暂无用户资料 #end

    圆角表格代码

    &lt;TD&gt; &lt;TABLE fixed" height=3 cellSpacing=0 cellPadding=0 width="100%" border=0&gt; &lt;TBODY&gt; &lt;TR height=1&gt; &lt;TD width=1&gt;&lt;/TD&gt; &lt;TD width=1&gt;&lt;/TD&gt; &lt;TD width=1&gt;&lt;/TD&gt; &lt;TD bgColor=#908a47&gt;&lt;/TD&gt; &lt;TD width=...

    自适应PC手机端的C3 jQuery可编辑表格代码.zip

    代码片段: &lt;table class="table table-bordered table-hover"&gt; &lt;tr class="info"&gt; ...&lt;td colspan="5" class="danger"&gt;&lt;button class="btn btn-primary btn-sm"&gt;增加&lt;/button&gt;&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt;

    JSP+购物车源代码

    &lt;tr height="38"&gt;&lt;td&gt;商品名称&lt;/td&gt;&lt;td&gt;单价&lt;/td&gt;&lt;td&gt;数量&lt;/td&gt;&lt;td&gt;总价&lt;/td&gt;&lt;td&gt;操作&lt;/td&gt;&lt;/tr&gt; &lt;% ArrayList&lt;Shop&gt; list = (ArrayList&lt;Shop&gt;)session.getAttribute(ISysConstans.CARNAME); if(list!...

    双表头固定代码

    &lt;td&gt;body c&lt;/td&gt; &lt;br&gt; &lt;td&gt;body d&lt;/td&gt; &lt;br&gt; &lt;/tr&gt; &lt;br&gt; &lt;tr&gt; &lt;br&gt; &lt;td&gt;body a&lt;/td&gt; &lt;br&gt; &lt;td&gt;body b&lt;/td&gt; &lt;br&gt; &lt;/tr&gt; &lt;br&gt; &lt;tr&gt; &lt;br&gt; &lt;td&gt;body c&lt;/td&gt; &lt;br&gt; &lt;td&gt;body d&lt;/td&gt; &lt;br&gt; &lt;/tr&gt; &lt;br&gt; &lt;tr&gt; &lt;br&gt; &lt;td&gt;body a...

    通用代码下一页

    &lt;td &gt;${item.gsName }&lt;/td&gt; &lt;td &gt;${item.gsClass }&lt;/td&gt; &lt;td &gt;${item.gsBrand }&lt;/td&gt; &lt;td &gt;${item.placeOrigin }&lt;/td&gt; &lt;td &gt;${item.gsWeight }&lt;/td&gt; &lt;td &gt;${item.unitPrice }&lt;/td&gt; &lt;td &gt; &lt;button 购买&lt;/...

    ajax实例大全 很实用的!

    &lt;tr&gt;&lt;td&gt;&lt;a href="1.1/index.jsp"&gt;1.1动态加载的FAQ&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td&gt;&lt;a href="1.2/postalcode.html"&gt;1.2根据邮政编码获取地区信息&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td&gt;&lt;a href="1.3/tree.html"&gt;1.3动态树形列表&lt;/a&gt;&lt;/td&gt;...

    字符编码转换,utf16 utf8 ascii unicode

    utf16&lt;=&gt; utf8 &lt;=&gt; ascii &lt;=&gt;unicode 所有代码都已经经过验证。而且里面也有相应的例子。 所有的编码格式进行转换,windows平台。

Global site tag (gtag.js) - Google Analytics