让文字自动适应Table宽度
2007-11-08 19:59
253 查看
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<style>
.ctl{
table-layout:fixed
}
.ctl td{text-overflow:ellipsis;overflow:hidden;white-space: nowrap;padding:2px}
</style>
</HEAD>
<BODY>
<table cellSpacing="0" cellpadding="1" width="100%" class="ctl" border=1>
<colgroup>
<col>
<col width="60">
</colgroup>
<tBody>
<tr>
<td>小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计</td>
<td>(1/1)</td>
</tr>
<tr>
<td>小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计</td>
<td>(1/1)</td>
</tr>
<tr>
<td>小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计</td>
<td>(1/1)</td>
</tr>
<tr>
<td>小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计</td>
<td>(1/1)</td>
</tr>
</tBody>
</table>
</BODY>
</HTML>
说明:
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.xiaocui.cn/blog/article.asp?id=177
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<style>
.ctl{
table-layout:fixed
}
.ctl td{text-overflow:ellipsis;overflow:hidden;white-space: nowrap;padding:2px}
</style>
</HEAD>
<BODY>
<table cellSpacing="0" cellpadding="1" width="100%" class="ctl" border=1>
<colgroup>
<col>
<col width="60">
</colgroup>
<tBody>
<tr>
<td>小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计</td>
<td>(1/1)</td>
</tr>
<tr>
<td>小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计</td>
<td>(1/1)</td>
</tr>
<tr>
<td>小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计</td>
<td>(1/1)</td>
</tr>
<tr>
<td>小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计</td>
<td>(1/1)</td>
</tr>
</tBody>
</table>
</BODY>
</HTML>
说明:
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.xiaocui.cn/blog/article.asp?id=177
相关文章推荐
- 让文字自动适应Table宽度
- CSS样式表定义让文字自动适应Table宽度
- 让label自适应里面的文字,自动调整宽度和高度的
- iOS AutoLayout自动布局中级开发教程(4)-label等文字自动适应大小,宽度
- 让label自适应里面的文字,自动调整宽度和高度的
- iOS AutoLayout自动布局中级开发教程label等文字自动适应大小,宽度
- td 内容自动换行 table表格td设置宽度后文字太多自动换行
- iOSAutoLayout自动布局中级开发教程(4)label等文字自动适应大小 宽度
- 让文字自动适应表格宽度(CSS)
- table 表格 td设置宽度后文字太多自动换行
- 让label自适应里面的文字,自动调整宽度和高度。 4000
- iOS AutoLayout自动布局中级开发教程(4)-label文字自动适应大小,宽度(新)
- dwz table表格自动适应宽度
- td 内容自动换行 table表格td设置宽度后文字太多自动换行
- td 内容自动换行 table表格td设置宽度后文字太多自动换行
- iOS for循环创建button,button的宽度根据上面的文字来自适应.(自适应宽度且自动换)
- td 内容自动换行 table表格td设置宽度后文字太多自动换行
- td 内容自动换行 table表格td设置宽度后文字太多自动换行
- Css让文字自适应Table宽度[转]
- 63.iOS AutoLayout自动布局中级开发教程(4)-label文字自动适应大小,宽度(新)