1

約20行のテキストがあります。ほとんどの行は短いですが、長い行もあります。テキストは列内にあり、ページには 2 つの列があります。問題は、長い行がフロートとの相互作用を引き起こしていることです。列の代わりに、1 つの列を他の列の上に積み重ねます。

グーグルで調べたところ、ワードラップを使用できるはずだと思いますが、CSSに追加しても何もしません。私は何が欠けていますか？

ここにCSSがあります。

.two{
    float: right;
    width: 45%;
    margin-right: 2.5%;
    margin-left: 2.5%;
    word-wrap: break-word;  
}

これを行うためのより良い方法があれば、私はすべて耳にします。

編集：これはjsfiddle linkです。

4

2 に答える 2

0

これは、Chrome でのみ発生する問題でした。

この投稿を見つけて解決策を見つけました：http://ryan.stawarz.com/tech-tidbits/chrome-table-cells-not-word-wrapping-correctly/

これらの行を CSS ファイルの適切なセクションに追加したところ、すべて修正されました。

table-layout: fixed;
word-wrap: break-word;
于 2012-08-09T12:46:46.247 に答える