1

textarea私はこのようなCSSクラスを持っています。

.expanderHTMLText{
     font: 12px Arial, Helvetica;   
    min-height: 50px;
    white-space:nowrap;
}

長い単語の間に単語を挿入したくないのですが、スクロールバーを使用して1行にすべてのテキストを表示するのではなく、テキストをボックスに入力する必要があります。横スクロールをなくしたいのですが、言葉を壊す必要はありません。どうすればこれを達成できますか?

ここに画像の説明を入力してください

4

1 に答える 1

2

空白を削除:nowrap; 行とそれは1行になりません。

編集:誰が私に反対票を投じましたか?その説明をお願いします。

空白:nowrap; ラッピングが発生しないことを明示的に定義します。テキストを折り返す唯一の方法は、このプロパティを削除または変更することです。空白プロパティのデフォルト値は通常です。これは、テキストを折り返す(スペースを折りたたむ)ことを除いて、nowrapとほぼ同じように機能します。

単語(長い単語でも)を複数行に分割したくない場合は、ワードラップを追加する必要があります。JSW189が示唆したように。ただし、1行に収まらない単語がある場合でも、水平スクロールバーが表示されます。ただし、当然のことながら、複数行に単語があるか、どちらかのスクロールバーになります。

于 2013-02-12T20:28:31.380 に答える