CSSのword-wrap属性
6855 ワード
CSSのword-wrapプロパティの定義と使い方:オブジェクト内の単語間の間隔を取得または設定します.
対応するスクリプトのプロパティはwordWrapです.
構文:
値:normal:指定したコンテナ境界を開いたりオーバーフローしたりすることを許可します.デフォルトです.break-word:コンテンツは境界内で改行され、必要に応じて単語の内部で断行が許可されます.ブラウザサポート:IEブラウザはこの属性をサポートする.火狐ブラウザはこのプロパティをサポートします.Googleブラウザはこのプロパティをサポートしています.Openraブラウザはこのプロパティをサポートします.継承性:継承性があります.インスタンスコード:
デフォルトのプロパティ値では、文字または英語の文は改行されますが、長い文字がオブジェクトの幅を超えると、改行ではなくオーバーフローします.長い文字が単語と見なされるためです.break-word属性値では、文字または英語の文の改行はnormal属性値と同じですが、長い列の英語の単語では断行を許可できます.
原文住所:CSSのword-wrap属性
対応するスクリプトのプロパティはwordWrapです.
構文:
word-wrap:normal | break-word
値:normal:指定したコンテナ境界を開いたりオーバーフローしたりすることを許可します.デフォルトです.break-word:コンテンツは境界内で改行され、必要に応じて単語の内部で断行が許可されます.ブラウザサポート:IEブラウザはこの属性をサポートする.火狐ブラウザはこのプロパティをサポートします.Googleブラウザはこのプロパティをサポートしています.Openraブラウザはこのプロパティをサポートします.継承性:継承性があります.インスタンスコード:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>CSS </title>
<style type="text/css">
ul li
{
width:110px;
height:50px;
border:1px solid red;
margin-top:10px;
}
.break-word{word-wrap:break-word;}
</style>
</head>
<body>
<ul>
<li> </li>
<li>I am a good student</li>
<li>aaaaaaaaaaaaaaaaaaaaa</li>
<li class="break-word"> </li>
<li class="break-word">I am a good student</li>
<li class="break-word">aaaaaaaaaaaaaaaaaaaaa</li>
</ul>
</body>
</html>
デフォルトのプロパティ値では、文字または英語の文は改行されますが、長い文字がオブジェクトの幅を超えると、改行ではなくオーバーフローします.長い文字が単語と見なされるためです.break-word属性値では、文字または英語の文の改行はnormal属性値と同じですが、長い列の英語の単語では断行を許可できます.
原文住所:CSSのword-wrap属性