xml 代码
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
- <HTML>
- <HEAD>
- <TITLE> New Document </TITLE>
- <style>
- .auto_arrange{}{ table-layout:fixed}
- .auto_arrange td{}{text-overflow:ellipsis;overflow:hidden;white-space: nowrap;padding:2px}
- </style>
- </HEAD>
- <BODY>
- <table cellSpacing="0" cellpadding="1" width="100%" class="auto_arrange" border=1>
- <tr>
- <td>让文字自动适应Table宽度让文字自动适应Table宽度让文字自动适应Table宽度让文字自动适应Table宽度让文字自动适应Table宽度</td>
- <td width="54">(1/4)</td>
- </tr>
- <tr>
- <td>让文字自动适应Table宽度让文字自动适应Table宽度让文字自动适应Table宽度让文字自动适应Table宽度让文字自动适应Table宽度</td>
- <td width="54">(2/4)</td>
- </tr>
- <tr>
- <td>让文字自动适应Table宽度让文字自动适应Table宽度让文字自动适应Table宽度让文字自动适应Table宽度让文字自动适应Table宽度</td>
- <td width="54">(3/4)</td>
- </tr>
- <tr>
- <td>让文字自动适应Table宽度让文字自动适应Table宽度让文字自动适应Table宽度让文字自动适应Table宽度让文字自动适应Table宽度</td>
- <td width="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)
分享到:
相关推荐
css3翻转文字css3翻转文字css3翻转文字css3翻转文字css3翻转文字
css table width表格宽度样式设置定义.docx
css控制字母、数字文字自动换行方法css控制文字自动换行css控制文字自动换行
css自动换行css自动换行css自动换行css自动换行css自动换行css自动换行css自动换行css自动换行css自动换行
css层布局宽度自动适应,支持所有浏览器
CSS自动换行兼容ie6 ie7+ ff
css动画的一个应用,与此前的css走马灯同样的内容。只是一次不同的应用,具体实现如下 序号 姓名 年龄 性别 专业 </ul>
CSS配置使表格能自动换行 给table加上style 三种参数不同形式
CSS3文字旋转特效,代码很少,是个示例代码,需要做特效的可以下载用。
这个软件可以将网页中的表格转换为css 很好用效率很高!
呵呵 很好哦 css自适应宽度的按钮!
js css精美表格js css精美表格js css精美表格
可以把表格布局转变成CSS+DIV布局。
Table2CSS是一款可以将表格布局网页完美转换成DIV+CSS方式的软件。支持外部CSS,支持网页及目录 批量转换。 这个软件原来是老外做的,收费的,但是经北京采摘在线Nodody汉化破解,已经没什么限制,完全可用了。 ...
html表格和CSS进行网页设计
纯css3 animation属性制作旋转文字动画切换效果
Table2CSS是一款可以将表格布局网页完美转换 成DIV+CSS方式的软件。 支持外部CSS,支持网页及目录批量转换。 Table2CSS在线演示视频:(演示视频为英文版本,软件为中文版本) http://www.table2css.com/demo-video ...
让 Web Page 适应现代打印 CSS
css3文字特效_css3火焰文字_css3文字渐变代码
一些非常漂亮实用的CSS表格样式,使用方便.页面简洁!