1

div と大量のコンテンツがこの div にロードされています。div の幅を管理するためにいくつかの CSS スタイルを適用しました。ワードラップ: ブレークワード;

しかし、このcssを適用した後、divの配置が乱れました。これは、この後にいくつかの単語が切り捨てられていることに気付いたためです。

私のcssは：

width: 98%;
word-break: break-all;
word-wrap: break-word;
text-align: justify;

これらの CSS でテキストを整列させる方法がわかりませんでしjustifyた。この問題を克服するにはどうすればよいですか? この問題を解決するために別の CSS スタイルを提案してくれる人はいますか?

jsfiddleで見る

ありがとうございました...！！ここに、最後に切り捨てられた単語を含む私のdivの画像があります

4

3 に答える 3

1

同じことを行う HTML の方法は<wbr>、長い単語に before/after/embedded を追加することです

wbr:after { content: "\00200B" }

それをCSSの方法で行うため

于 2013-09-27T06:16:27.150 に答える
0

最後に、問題を解決するのに役立ついくつかの CSS スタイルを見つけました。

CSS:

    width : 440px;
    white-space: pre;           /* CSS 2.0 */
    white-space: pre-wrap;      /* CSS 2.1 */
    white-space: pre-line;      /* CSS 3.0 */
    white-space: -pre-wrap;     /* Opera 4-6 */
    white-space: -o-pre-wrap;   /* Opera 7 */
    white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -hp-pre-wrap;  /* HP Printers */
    word-wrap: break-word;
    -moz-hyphens:auto; 
    -webkit-hyphens:auto; 
    -o-hyphens:auto; 
    hyphens:auto;
    text-align: justify;
于 2013-09-27T12:20:05.487 に答える