通过设定css令TD内容超过长度设置时,自动缩略
来源:互联网 发布:神庙逃亡软件下载 编辑:程序博客网 时间:2024/05/22 14:35
1》设置table的style ,增加 "table-layout:fixed" //不加此属性的话,当td的内容长度大于设定的长度时,会跟着自己内容的长度而变大的。
2》设置TD的属性,增加:"over-flow:hidden" // 次代码表示超过长度,自动隐藏. 不加此属性的话,TD本身长度不变,但容易会超出TD范围。
3》设置TD的属性,增加:"TEXT-OVERFLOW: ellipsis;" //此属性表示,字符超长时候,加个 省略号"..."代替超长的内容。
4>强制文本在一行内显示(white-space:nowrap)
示例:
<table width="100px" style="table-layout:fixed" border="1">
<tr>
<td style=" overflow:hidden; width:100px;TEXT-OVERFLOW: ellipsis; ">ddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd</td>
</tr>
</table>
注意,text-overflow:ellipsis属性在FF中是無效。text-overflow:clip
2》设置TD的属性,增加:"over-flow:hidden" // 次代码表示超过长度,自动隐藏. 不加此属性的话,TD本身长度不变,但容易会超出TD范围。
3》设置TD的属性,增加:"TEXT-OVERFLOW: ellipsis;" //此属性表示,字符超长时候,加个 省略号"..."代替超长的内容。
4>强制文本在一行内显示(white-space:nowrap)
示例:
<table width="100px" style="table-layout:fixed" border="1">
<tr>
<td style=" overflow:hidden; width:100px;TEXT-OVERFLOW: ellipsis; ">ddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd</td>
</tr>
</table>
注意,text-overflow:ellipsis属性在FF中是無效。text-overflow:clip
- 通过设定css令TD内容超过长度设置时,自动缩略
- #CSS#在设定table为百分比时,如何实现火狐,Chrome下TD内容文字超出时自动换行?
- css中设置table中的td内容自动换行
- CSS设置table 中td的内容自动换行
- css中设置table中的td内容自动换行
- 固定td的长度,在输入超过长度时自动换行
- td长度固定,内容过长,超过部分用省略号代替
- td长度固定,内容过长,超过部分用省略号代替
- td长度固定,内容过长,超过部分用省略号代替
- td长度固定,内容过长,超过部分用省略号代替
- td长度固定,内容过长,超过部分用省略号代替
- td长度固定,内容过长,超过部分用省略号代替
- div超过长度内容自动省略
- 如何通过CSS样式设置单元格显示内容的长度
- 内容长度超过单元格宽度自动截取变成...的CSS代码
- CSS文本超过限定长度设置省虐号
- CSS控制TD内字数长度 省略号 css截取 超过 显示 省略号
- css控制便签内容的长度,超过的文字...
- RConnection::Start(),返回了-46
- shopxx日志配置.doc
- Writing endian-independent code in C
- Spring邮件收发.doc
- eclipse3.4中配置jboss5.1.0GA
- 通过设定css令TD内容超过长度设置时,自动缩略
- headerftl中png.doc【错位问题】
- android opengl es 飘落的星星
- shopxx,struts零配置.doc
- 自己用到的一些cmd命令
- 重构笔记
- emacs Magit简单介绍
- radiobtn的listview,自定义arrayAdapter构成样式
- java下载文件在各个浏览器差异 以及中文乱码解决