Question

我在这里问了一个类似的问题： How to auto resize text in fixed DIV according to the text's length?

它的工作。但它在单行文本上工作。假设我希望我的文本换行到2行，如果它更多（溢出），那就去调整大小......

有办法做到这一点吗？

谢谢！

Answer 1

如果你知道font-size，font-style和line-height，我想你知道它是否是你的网站:)。您可以编写将向div添加字符的javascript函数，直到它的高度小于或等于两行高度。

以下是在所有浏览器中进行一行检查的示例。说实话，这不是我的解决方案，但我的同事允许发布它：）。

    function fitInWidth(name) {
        this.empty().append(name);
        while (this.height() > 19) {
            name = name.substring(0, name.length - 3);
            while (name.charAt(name.length - 1) == ' ') name = name.substring(0, name.length - 2);
            this.empty().append(name = name + '…');
        }
        return name;    
}

Answer 2

可以让div inline然后找到高度，然后使用新的身高block。

 $("#element").css("display","inline").css({height: $("#element").height(), display: "block"});

如何知道我的文本在DIV中包含多少行

2 个答案: