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

Question

我想将一个大文本放入一个小 div 中，并且我希望该 div 不调整大小但只是不显示所有文本。

例如原始 Div 的尺寸是height:40px; 宽度：100 像素；

这张图片将帮助你理解我的意思

谢谢

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

score 3 · Accepted Answer

使用text-overflow: ellipsis仅适用于单行文本。有一个小技巧来伪造多行只使用 CSS：http ://www.mobify.com/blog/multiline-ellipsis-in-pure-css/

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

score 2 · Accepted Answer

2

您需要使用 css 的“溢出”属性。更多关于这个here。

于 2013-06-14T10:05:11.213 回答

score 2 · Accepted Answer

使用 jquerydotdotdot插件来实现多行。如果它是单行的，那么它可以很容易地单独使用 CSS 完成。

$("div").dotdotdot()

这是dotdotdot插件的链接

3 回答 3