私は次のCSSスタイルでdivを持っています：CSSのオーバーフロー - 1行のテキストのみ
width:335px; float:left; overflow:hidden; padding-left:5px;
divに長いテキスト行を挿入すると、新しい行に改行され、すべてのテキストが表示されます。私が欲しいのは、改行しないテキスト行を1行だけ持つことです。テキストが長い場合、このオーバーフローするテキストが消えてしまいます。
高さを設定することを考えていましたが、間違っているようです。
多分フォントと同じ高さを追加すると、それはうまくいくはずですし、別のブラウザで問題を起こさないでしょうか？
どうすればいいですか？
1行に制限する場合は、divにwhite-space: nowrap;を使用します。
あなたがそのdiv要素で利用可能な多くのコンテンツがまだあるということを示したい場合、あなたはおそらく「省略記号」を表示することがあります。
text-overflow: ellipsis;
これはSeptnuitsによって提案されたwhite-space: nowrap;に加えてあるはずです。
また、Firefoxでこれを処理するにはthis threadをチェックアウトしてください。
私はあなたが 'overflow：hidden;'と 'white-space：nowrap;'を使って 'text-overflow：ellipsis;'を使って動作させると信じています。 –
http://caniuse.com/#feat=text-overflow aka 。はい、できます。 title属性にコンテンツ全体を入れることを考えてください。そうすれば、ユーザーは引き続きアクセスできます。 – DanMan
鉱山は1行に表示され、省略記号を表示する前にDIVに値を設定しません... http://stackoverflow.com/questions/26342411/how-to-display-an-image-next-to-some-texts （http://jsfiddle.net/ofrj55j4/20/） – SearchForKnowledge
私は同じ問題を持っていたし、私が使用して、それを解決：
display: inline-block;
をdivに質問して。
あなたはこのCSSコードを使用することができます
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
をCSSでテキストオーバーフロープロパティは、要素のボックスをオーバーフローしたときにテキストが切り取られている状況を扱っています。 がクリップされた（つまり、切り捨てられ、隠されている）、省略記号（ '...'、Unicode範囲値U + 2026）を表示することができます。
注コンテナのoverflowプロパティがある場合テキストオーバーフローのみ発生し、その値、隠さスクロールまたは自動とホワイトスペース：nowrap属性を。。要素がオーバーフロー-EDを可能にするために幅を持っている必要があるため
テキストオーバーフローのみ、ブロックまたはインラインブロックレベル要素で発生することができます。オーバーフローはdirectionプロパティまたは関連する属性によって決定される方向に発生します。
省略記号！それが何をしているのか、なぜそれがクールだと説明するのが素敵でしょう... – benzkji
[jsFiddle]（http://jsfiddle.net/）で問題を実証できますか？ –