最新消息:关注【太平洋学习网】微信公众号,可以获取全套资料,【全套Java基础27天】【JavaEE就业视频4个月】【Android就业视频4个月】

table标签<td>属性内容过长超过部分如何省略的问题

JS/CSS 太平洋学习网 浏览 评论

当我们在<table>表格呈现列表的时候,有时候会遇到<td>表格内容过长的问题,这样就会将我们的列表撑得很多,看起来很不美观,下面我们就来解决这样的问题,先来看看解决后的效果,如图“备注”字段,会有一个省略号:

QQͼƬ20161215162525.png

首先设置<table>标签的样式为固定样式,如下:

<table style="table-layout: fixed;">
</table>

然后在table标签里面的td标签下增加一个div并设置div style属性:

<td><div style='height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;'>
    中间是内容(假如很长)
<div></td>

经过以上两个步骤,我们就能将table表格内容过长的问题解决了,很简单!

来源网站:太平洋学习网,转载请注明出处:http://www.tpyyes.com/a/js_css/2016/1215/33.html

    与本文相关的文章

    发表我的评论
    取消评论

    表情

    您的回复是我们的动力!

    • 昵称 (必填)

    网友最新评论