45fan.com - 路饭网

搜索: 您的位置主页 > 电脑频道 > 电脑教程 > 阅读资讯:如何能够让文字自动适应表格宽度?

如何能够让文字自动适应表格宽度?

2016-09-02 12:52:44 来源:www.45fan.com 【

如何能够让文字自动适应表格宽度?

如何能够让文字自动适应表格宽度?<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.0Transitional//EN">
如何能够让文字自动适应表格宽度?<HTML>
如何能够让文字自动适应表格宽度?<HEAD>
如何能够让文字自动适应表格宽度?<TITLE>NewDocument</TITLE>
如何能够让文字自动适应表格宽度?
如何能够让文字自动适应表格宽度?如何能够让文字自动适应表格宽度?
<style>
如何能够让文字自动适应表格宽度?如何能够让文字自动适应表格宽度?.auto_arrange{table-layout:fixed}
如何能够让文字自动适应表格宽度?如何能够让文字自动适应表格宽度?.auto_arrangetd{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding:2px}
如何能够让文字自动适应表格宽度?
</style>
如何能够让文字自动适应表格宽度?</HEAD>
如何能够让文字自动适应表格宽度?
如何能够让文字自动适应表格宽度?
<BODY>
如何能够让文字自动适应表格宽度?<tablecellSpacing="0"cellpadding="1"width="100%"class="auto_arrange"border=1>
如何能够让文字自动适应表格宽度?
如何能够让文字自动适应表格宽度?
如何能够让文字自动适应表格宽度?
<tr>
如何能够让文字自动适应表格宽度?<td>让文字自动适应Table宽度让文字自动适应Table宽度让文字自动适应Table宽度让文字自动适应Table宽度让文字自动适应Table宽度</td>
如何能够让文字自动适应表格宽度?<tdwidth="54">(1/4)</td>
如何能够让文字自动适应表格宽度?</tr>
如何能够让文字自动适应表格宽度?<tr>
如何能够让文字自动适应表格宽度?<td>让文字自动适应Table宽度让文字自动适应Table宽度让文字自动适应Table宽度让文字自动适应Table宽度让文字自动适应Table宽度</td>
如何能够让文字自动适应表格宽度?<tdwidth="54">(2/4)</td>
如何能够让文字自动适应表格宽度?</tr>
如何能够让文字自动适应表格宽度?<tr>
如何能够让文字自动适应表格宽度?<td>让文字自动适应Table宽度让文字自动适应Table宽度让文字自动适应Table宽度让文字自动适应Table宽度让文字自动适应Table宽度</td>
如何能够让文字自动适应表格宽度?<tdwidth="54">(3/4)</td>
如何能够让文字自动适应表格宽度?</tr>
如何能够让文字自动适应表格宽度?<tr>
如何能够让文字自动适应表格宽度?<td>让文字自动适应Table宽度让文字自动适应Table宽度让文字自动适应Table宽度让文字自动适应Table宽度让文字自动适应Table宽度</td>
如何能够让文字自动适应表格宽度?<tdwidth="54">(4/4)</td>
如何能够让文字自动适应表格宽度?</tr>
如何能够让文字自动适应表格宽度?
如何能够让文字自动适应表格宽度?
</table>
如何能够让文字自动适应表格宽度?</BODY>
如何能够让文字自动适应表格宽度?</HTML>

以上的例子是用样式实现,文字自动适应Table的宽度,并且超出的宽度的文字自动隐藏。IE下面还可以自动出现...的省略符号.

关键样式:
table-layout:fixed 固定布局的算法,则表格被呈递的默认宽度为 100% (For IE,Mozilla)
text-overflow:ellipsis 当对象内文本溢出时显示省略标记(...) (For IE)
overflow:hidden 不显示超过对象尺寸的内容 (For IE,Mozilla)
white-space: nowrap 强制在同一行内显示所有文本,直到文本结束或者遭遇 br 对象 (For IE,Mozilla)

 

本文地址:http://www.45fan.com/dnjc/71246.html
Tags: 文字 表格 适应
编辑:路饭网
关于我们 | 联系我们 | 友情链接 | 网站地图 | Sitemap | App | 返回顶部