通过设定css令TD内容超过长度设置时,自动缩略
2011-11-03 13:42
513 查看
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中设置table中的td内容自动换行
- #CSS#在设定table为百分比时,如何实现火狐,Chrome下TD内容文字超出时自动换行?
- CSS设置table 中td的内容自动换行
- 内容长度超过单元格宽度自动截取变成...的CSS代码
- css中设置table中的td内容自动换行
- css中设置table中的td内容自动换行
- css中设置table中的td内容自动换行
- 用CSS做长度超过长度显示‘...’,当鼠标放上时显示全部内容
- css为超过一定宽度的文本内容自动加上省略号
- td长度固定,内容过长,超过部分用省略号代替
- 通过CSS让TD自动换行
- CSS实现内容超过长度后以省略号显示
- 用css来实现标题内容超出长度范围自动省略,且有鼠标提示
- 如何通过CSS样式设置单元格显示内容的长度
- Hibernate原生SQL(createSQLQuery,通过Transformers.ALIAS_TO_ENTITY_MAP设置生成MAP)查询,自动读取ORACLE CLOB内容的解决方案
- td内容自动换行 ,td超过宽度显示点点点… , td 使用 overflow:hidden 无效,英文 数字 不换行 撑破div容器
- css应用表格排版td中的文本过长,设置不换行,随内容同行显示样式
- c# winform label 内容靠右,先设置自动长度为false才行
- 列表文字字数限制,超过有省略号(通过css实现,比限制文字长度更好)
- CSS技巧,CSS设置任何元素宽度随内容增加自动变宽