0

ウェブサイトでテキストを書くことができる領域を制限しようとしました。

<div id="header">
<div id="text"> 
     sample text 
</div>
</div>

でたくさんの文字を書き込もうとするとtext、与えられたスペースを超えても改行はありません。 

#header
{
 background-color: #fff;
 height: 100px;

}

#text
{
 margin-left: 200px;
 width: 200px;
}

私の間違いは何ですか？

4

2 に答える 2

1

このようにしてください：-

#text
{
    margin-left: 200px;
    width: 200px;
    border: 1px solid;
    word-wrap: break-word;  
}​

ライブデモを参照

于 2012-07-22T19:20:34.207 に答える
0

ワードラップを実行しようとしている場合は、次のように機能します。

#text{ 
   word-wrap: break-word;      /* Most modern browsers */       
   white-space: pre-wrap;      /* CSS3 */   
   white-space: -moz-pre-wrap; /* Firefox */    
   white-space: -pre-wrap;     /* older versions of Opera */   

}

プロパティは、word-wrap新しいブラウザのみに限定されません。古いブラウザもそれをサポートしているようです。

CSS3ドラフトから、

従来の理由により、特定の実験的なCSSプロパティは、このプレフィックス規則に準拠していません。2つの一般的な例は、「word-wrap」プロパティと「text-overflow」プロパティです。これらは、CSS2.1でベンダープレフィックスポリシーが導入される前にMicrosoft Internet Explorerによってプレフィックスなしで導入され、その後、他のブラウザによってプレフィックスなしで実装され、 W3C仕様がないにもかかわらず、プレフィックスなしの名前に依存します。

こちらの記事とw3cリファレンスを参照してください。

于 2012-07-22T19:18:38.350 に答える