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>
インスタンスの実行 »

[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します

人気のおすすめ

ホームページ

動画

に質問