HTML CSS如何根据Div的大小调整文本

Question

我想将一个大文本放入一个小div中，我希望div不会调整大小，但不会显示所有文本。< / p>

例如，原始Div的尺寸高度：40px;宽度：100px的;

此图片可以帮助您理解我的意思

谢谢你

我尝试了很多方法，但没有效果

Answer 1

使用text-overflow: ellipsis只能处理单行文字。有一个小技巧可以使用CSS来伪造多行：http://www.mobify.com/blog/multiline-ellipsis-in-pure-css/

还有一个不错的jQuery插件，以防您使用jQuery：http://pvdspek.github.com/jquery.autoellipsis/

Answer 2

你需要使用css的'overflow'属性。 有关here的更多信息。

Answer 3

使用jquery dotdotdot插件为多行实现此目的。如果是单行，那么只用CSS就可以轻松完成。

$("div").dotdotdot()

<强> DEMO

以下是dotdotdot插件的 LINK