2行目に折り返されるテキストに{text-overflow：ellipsis;}を使用する方法を知っている人はいますか？
追加：
{whitespace: nowrap;}
動作しtext-overflowますが、テキストを折り返す必要があるため、実際には使用できません。
4031 次
2 に答える
3
このソリューションが機能するたびに、コンテンツが 2 行に折り返されることがわかっている場合。用途::afterと内容: ' ...'; 次に、タイプの右下隅に配置します（ブロックレベルの要素である必要があります）。::afterの背景を一致するように設定する必要があるため、これは無地の背景色に対して作業している場合にのみ機能します。
唯一の欠点は、これが成功できるパラメーターが限られていることと、物事が正しく整列していない場合にキャラクターを半分にカットするという事実です (おそらくそうではないでしょう)。
于 2012-05-10T16:13:56.787 に答える
2
あなたがやろうとしていることは、純粋な CSS ソリューションでは不可能だと確信しています。ただし、同様の結果を一緒にハッキングする方法があります。これが私がしたことです：
http://cce.usyd.edu.au/courses/Business+%26+Management/Business+Communication
各コースを紹介するテキスト ブロックのフェードが見えますか? これは、最初に通常の方法でオーバーフローを制限してから、最後の行の上に別の div を配置し、CSS でフェードを実装することによって行われました。フェードの代わりに、省略記号やその他の視覚的な手がかりを挿入することもできます。
したがって、希望どおりに正確に解決するのではなく、同様の UI 結果を達成して、コンテンツが切り捨てられていることをユーザーが確実に認識できるようにします。個人的にはかなり綺麗だと思います:-)
于 2012-03-05T00:46:29.547 に答える