本文介绍了一种使用CSS实现的文本溢出隐藏并显示省略号的方法。通过设置white-space、overflow及text-overflow属性，可以使得超出指定宽度的内容被截断并以省略号形式展示。该技巧适用于网页布局中对于长文本的处理。
css如下：
<style>
.cut{
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
width:150px;
}
</style>
jsp页面实例如下：
<span class="cut" title="<c:out value="${deal.DTitle}"/>"><a href="../deal/dealDetail.action?dId=${deal.DId}">·<c:out value="${deal.DTitle}"/></a></span>
<style>
.cut{
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
width:150px;
}
</style>
jsp页面实例如下：
<span class="cut" title="<c:out value="${deal.DTitle}"/>"><a href="../deal/dealDetail.action?dId=${deal.DId}">·<c:out value="${deal.DTitle}"/></a></span>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
