質問: cssオーバーフロー-1行のみのテキスト 次のcssスタイルのdivがあります。width:335px; float:left; overflow:hidden; padding-left:5px; そのdivに長いテキスト行を挿入すると、新しい行に分割され、すべてのテキストが表示されます。私が欲しいのは、改行しないテキストを1行だけ持つことです。テキストが長い場合、このあふれるテキストが消えるようにします。私は高さを設定することを考えていましたが、それは間違っているようです。たぶん、フォントと同じ高さを追加しても、動作するはずであり、異なるブラウザで問題を引き起こすことはありませんか?どうやってやるの?
回答: そのdivで利用可能なコンテンツがまだあることを示したい場合は、「省略記号」を表示することをお勧めします。text-overflow: ellipsis; これは、septnuitsが提案するwhite-space: nowrap;に追加する必要があります。また、firefoxでこれを処理するには、必ず this thread をチェックアウトしてください。