CSS让TD中间的内容多出部分变成“...”
2012-04-12 10:41
183 查看
<table>
<tr>
<td>
<span style="width:180px; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;" title="中间的值">
中间内容
</span>
</td>
</tr>
</table>
width 设定长度为多少的时候变为“...”
很实用 不用写复杂的代码了
<tr>
<td>
<span style="width:180px; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;" title="中间的值">
中间内容
</span>
</td>
</tr>
</table>
width 设定长度为多少的时候变为“...”
很实用 不用写复杂的代码了
相关文章推荐
- css截取td里面的内容 如何固定td th的宽度
- xhtml+css(div+css)中间的文字内容高度是否不够一屏,层能居底显示
- Squid不记录部分内容css,js,图照片的日志的方法
- 4行CSS实现表格内容超过一行的部分,用省略号代替
- 如何用css将超出部分变成...
- css布局:三列布局,中间内容优先加载
- css控制table中列td的宽度,超出部分省略号...代替
- CSS,bootstrap表格控制当td内容过长时用省略号表示,以及在不使用bootstrap时过长也用省略号表示
- CSS,bootstrap表格控制当td内容过长时用省略号表示,以及在不使用bootstrap时过长也用省略号表示
- javascript css 使td内容不换行不撑开
- td长度固定,内容过长,超过部分用省略号代替
- HTML/CSS学习之 三列布局,其中左侧和右侧的部分宽度固定,中间部分宽度随浏览器宽度的变化而自适应变化
- 用CSS把标题超出的部分变成省略号
- javascript css 使td内容不换行不撑开
- CSS实现文本显示部分内容,多余文本显示省略号
- #CSS#在设定table为百分比时,如何实现火狐,Chrome下TD内容文字超出时自动换行?
- 完美解决Kindeditor 4.1.7在IE11下复制一段内容想粘贴到中间总是变成粘贴到最后的bug
- 用CSS和HTML标签来截取过长的文字部分变成省略号
- preg_replace替换内容中间部分
- CSS设置table 中td的内容自动换行