jquery/css将文本自下而上

Question

我试图使用css和/或jQuery在div中包装文本,这样底线是最长的.

所以而不是

__________
|this is |
|text    |
|________|

它会说

__________
|this    |
|is text |
|________|

我可以轻松地使用包装文本

    white-space: pre-wrap;

但我找不到任何可以让我这样做的东西.

(一个人认为我会反转文本,找到换行<br/>的地方,在同一个地方应用a ,文本继续...但我不知道如何检查行包裹的位置)

Answer 1

我最终采取了倒车的路线，检查换行符在哪里，然后相应地插入它们。请随意使用我的功能。该函数接受一个 jQuery 元素（带有已经换行的文本），并向上重新换行它的文本。

function wrapUp(element){
    width = element.width();
    string = element.text().split(' ');
    element.text('');
    reversed = string.reverse();
    var height = 0;
    for (var i=0;i<reversed.length;i++){
        reversed[i] += ' ';
        element.text(element.text()+reversed[i]);
        if (height != element.height()){
            reversed.splice(i,0,"<br/>");
            i++;
        }
        height = element.height();
        console.log(element.height());
    }
    element.html(reversed.reverse().join(''));
}