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 を使用して、この段落を終了させたい文のセクションに属性を付け、行の高さを使用して、たとえば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 に答える