CSS text-wrap: balance & pretty インタラクティブプレイグラウンド
VISTA DE CÓDIGO
P
Prompt
Create an interactive playground to explore CSS text-wrap: balance and text-wrap: pretty. Include a heading with long text, a slider to change container width, a toggle between balance/pretty/auto, and a live preview showing how the line wrapping changes.
このインタラクティブプレイグラウンドでは、text-wrap: balance、text-wrap: pretty、text-wrap: auto の違いをリアルタイムで体験できます。スライダーでコンテナ幅を調整すると、見出しの改行位置が変化します。balance は各行をなるべく均等にし、視覚的な調和を高めます。pretty は最終行を最適化してオーファンを防ぎます。auto はブラウザのデフォルト改行です。幅を変えながらトグルして、タイポグラフィに最適な設定を見つけてください。
¿Te resultó útil este prompt?
Comentarios
Los comentarios aparecen después de la moderación