使文本的上一行比下一行短

时间:2013-08-26 08:40:40

标签: javascript jquery html css

如果文本的长度未知,有没有办法让文本的上一行总是比下一行短? Somethig喜欢这样:

Lorem ipsum dolor sit amet, consectetur adipiscing
et libero posuere pellentesque. Vivamus quis nulla justo.
vel lacinia sapien scelerisque eget. Vivamus ut velit elit. Donec 

HTML中只有一个段落。

我尝试使用text-indent或:first-line或者使用padding和段落宽度进行操作但是没有一个工作(正如我所预期的那样......)。 还试图以某种方式使用Calculating text width计算线条的宽度 但也没有结果(我在jquery中不是很好......)。

我无法在html上添加额外的标记(好吧,不是直接的,我可以在必要时添加脚本)。
最好用css但我也可以添加jquery。

请帮忙。

1 个答案:

答案 0 :(得分:0)

是的,您可以使用选择器p并将其归因于您希望此段落结束的句子部分,并使用line-height调整其前导,例如http://jsfiddle.net/AMmYR/4/

    p {
        font:14px nor Futura, sans-serif;
        line-height:20px;
        color:#333;
    }

    <p>This is my first sentence.
<br>This is a very, very, very, long sentence
<br>This sentence is longer than the last, I don't know why.</p>