CSSのword-wrap属性

6855 ワード

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属性