0

さて、これは私をしばらく困惑させたものです..

私は物語のデータベースを持っています。章の内容を div 内に表示したい。私の問題は、単語を分割せずにテキストを折り返すことです。これにより、読みやすさが低下します。たとえば、「誕生日」という単語は div の端にあり、次のようにラップされます。

生まれまし
た。

これを修正するにはどうすればよいですか? おそらく本当に単純な、私はそれを考えすぎている..

これがcssです..

    .dvChapContent
    {
     float: left; 
     display: block; 
     width: 750px; 
     white-space:normal;
     word-break: break-all; 
     word-wrap: normal;  
    }
4

2 に答える 2

0

あなたが使用することができますwhite-space:normal

word-wrap: normal;とのような同様のプロパティを探すこともできますtext-wrap:normal;

編集：word-breakプロパティを使用しないとうまくいくかもしれません。

于 2013-09-07T21:22:09.370 に答える
0

ここにフィドルがあります

.dvChapContent {
  display: block;
  float: left;
  width: 750px;
  padding: 5px;
  word-break: keep-all;
  border: 1px dotted gray;
}
于 2013-09-07T21:23:44.563 に答える