0

如果文本的长度未知，有什么方法可以使文本的上一行总是比下一行短？像这样的东西：

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 或使用段落的填充和宽度来做到这一点，但它们都没有工作（正如我认为的那样......）。还尝试使用计算文本宽度以某种方式计算线的宽度， 但也没有结果（我在 jquery 中不是很好......）。

我不能在 html 上添加额外的标记（好吧，不是直接，我可以在必要时用脚本添加它）。
最好使用 css，但我也可以添加 jquery。

请帮忙。

4

1 回答 1

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>
于 2013-08-26T08:50:45.687 回答