css text-wrap プロパティ
翻訳結果:
text
English[tekst] American[tɛkst]
n. テキスト、原文; テキスト、教科書; テーマ; バージョン
v .テキスト メッセージを送信します。
wrap
英[ræp] 美[ræp]
vt. ラップする; ラップする; ラップする (または包帯、カバーなど); カバー
n. 膝掛け、ショール、スカーフ、スカーフ、ターバン、ブラウス、ジャケット、コート; 包装紙; <スラング> 機密
vi.絡み合う、とぐろを巻く(通常、over、around などと一緒に使用される);包み込む、包み込む;(服などを)着る
css text-wrap プロパティ構文
関数:text-wrap 属性は、テキストの行折り返し (ラップ) ルールを指定します。
構文:text-wrap:normal|none|unrestricted|suppress
説明:normal 許可された改行でのみ実行されます。壊す。なし 改行はありません。要素に収まらないテキストはオーバーフローします。 unrestricted 任意の 2 文字の間で改行を折り返します。 [suppress] は要素内の改行を抑制します。ブラウザは、行内に他の有効なブレークポイントがない場合にのみ行を折り返します。
注: 現在主流のブラウザは text-wrap 属性をサポートしていません。
css text-wrap プロパティ例
<!DOCTYPE html> <html> <head> <style> p.test1 { width:11em; border:1px solid #000000; text-wrap:none; } p.test2 { width:11em; border:1px solid #000000; text-wrap:normal; } </style> </head> <body> <p class="test1"> This paragraph contains some text. This line should not breake or wrap to the next line.</p> <p class="test2"> This paragraph contains some text: The line breaks as normal.</p> <p><b>注释:</b>目前主流浏览器都不支持 text-wrap 属性。</p> </body> </html>
[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します