text-wrap 属性は、テキストの折り返しルールを指定するために使用されます。値が通常の場合は、許可された改行ポイントでのみ行が折り返されることを意味し、値が none の場合は行が折り返されないことを意味します。 unrestricted の値は、行が任意の 2 文字の間で折り返されることを意味します。抑制の場合、行内に他の有効な改行ポイントがない場合にのみ行が折り返されることを意味します。
#CSS3 テキストラップ属性
関数:テキストラップ属性テキストの行折り返し (折り返し) ルールを指定します。
構文:
text-wrap: normal|none|unrestricted|suppress;
#none: 改行はありません。要素に収まらないテキストはオーバーフローします。
無制限: 任意の 2 文字間の改行。
suppress: 圧縮された要素内の改行。ブラウザは、行内に他の有効なブレークポイントがない場合にのみ行を折り返します。
注:現在主流のブラウザは text-wrap 属性をサポートしていません。
CSS3 テキストラップ属性の使用例<!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">这段包含一些文本。这一行的文字不会换行到下一行。</p>
<p class="test2"> 这段包含一些文本。这一行的文字正常换行。.</p>
</body>
</html>
以上がtext-wrap属性の使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
