【问题标题】:Fit text inside div将文本放入 div
【发布时间】:2020-03-23 19:20:47
【问题描述】:

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

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

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

我想要这张图片

【问题讨论】:

    标签: jquery html css


    【解决方案1】:

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

    Demo

    text-overflow: ellipsis;
    

    注意:这只会对单行有效

    如果你想让它在多行上工作,那么你需要使用 jQuery

    Demo(Source)

    【讨论】:

    • 如果 div 宽度为 400px,则它的示例是单行;高度 100 像素;如何适应。?
    【解决方案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/

    【讨论】:

    • 这可行,但他要求 div 中的多行文本而不是列表项中的单行
    猜你喜欢
    • 2013-09-12
    • 1970-01-01
    • 2018-08-01
    • 1970-01-01
    • 1970-01-01
    • 2015-06-28
    • 1970-01-01
    • 2011-07-14
    • 1970-01-01
    相关资源
    最近更新 更多