适合div内的文本

Question

如何将大量文本放入固定大小的div中？我想要达到这个div的文本最大宽度然后用dotts打破文本...

我试过这个，我没看到结果真的是我想要的

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

我想要这个图像

Answer 1

为其指定固定宽度，并使用text-overflow CSS属性宽度值ellipsis

Demo

text-overflow: ellipsis;

注意：这仅适用于单行

如果你想要这个应该在多行上工作，那么你需要使用jQuery

Demo（Source）

Answer 2

使用text-overflow属性

text-overflow:ellipsis;

你应该继续。

overflow:hidden;
white-space:nowrap;

以下是使用溢出内容的参考。

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

DEMO

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

示例：http://jsfiddle.net/VpmbL/