2

如何在固定大小的 div 中放置大量文本?我想当达到这个 div 的文本最大宽度时,然后用点打破文本......

我试过这个,我没有看到我想要的结果

.description {
  max-width:590px;
  max-height:100px;
  float:left;
}

结果我现在得到的

在此处输入图像描述

我想要这张图片

4

2 回答 2

5

给它一个固定宽度并使用text-overflowCSS 属性 width 一个值ellipsis

演示

text-overflow: ellipsis;

注意:这将仅对单行有效

如果您希望这应该在多行上工作,那么您需要使用 jQuery

演示来源

于 2012-11-15T09:14:21.723 回答
1

使用text-overflow属性

text-overflow:ellipsis;

你应该保留。

overflow:hidden;
white-space:nowrap;

这是使用溢出内容的参考。

https://developer.mozilla.org/en-US/docs/CSS/text-overflow

演示

这是一个处理多行文本的 jquery 插件。一个似乎有效的方法是: http: //pvdspek.github.com/jquery.autoellipsis/

一个例子:http: //jsfiddle.net/VpmbL/

于 2012-11-15T09:15:55.697 回答