文章/答案/技术大牛

发布

社区首页 >问答首页 >溢出容器的文本应隐藏并"...“已添加

问溢出容器的文本应隐藏并"...“已添加
EN

Stack Overflow用户

提问于 2015-05-28 03:25:25

回答 1查看 23关注 0票数 0

假设我有一个简单的div，我想在其中从数据库生成广告。我不能预测描述会有多长。

 <div class="ads-front col-sm-6 col-md-4">
  <h2 class="col-xs-12">Ad title</h2>
  <h3 class="col-xs-12">Ad location</h3>
  <p class="col-xs-12 ad-description">
    Lorem ipsum dolor sit amet, consectetur adipiscing     
    elit. Donec consectetur egestas risus ut tempor. Praesent eu 
    fringilla nisl. Nullam blandit id nisi ac dapibus. Pellentesque 
    laoreet
  </p>
  <button class="red-button-front red-button col-xs-6">More</button>
</div>

所以我想将容器设置为最大高度，比如说300px。我可以使用overflow:hidden，但它会在我的文本中产生令人讨厌的裁剪。我想要一个400个字符后，最后3个字符的干净剪切是"...“如“点击‘更多’查看更多”

我有一种预感，有人已经为此做了代码片段，或者在Jquery中有一个优雅的was来做这件事。

positioning

crop

hidden

text

overflow

回答 1

Stack Overflow用户

发布于 2015-05-28 03:26:59

div {
    text-overflow: ellipsis;
    overflow: hidden;
}

在CSS中没有办法剪切400个字符之后

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/30491407

复制

相似问题

问溢出容器的文本应隐藏并"...“已添加
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问溢出容器的文本应隐藏并"...“已添加EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问溢出容器的文本应隐藏并"...“已添加
EN