1. ホーム
  2. html

[解決済み] cssのオーバーフロー - テキストが1行しかない

2022-04-23 18:54:08

質問

私は div で、以下のようなCSSスタイルになっています。

width:335px; float:left; overflow:hidden; padding-left:5px;

を挿入すると、その中に div 長い行のテキストは改行され、すべてのテキストが表示されます。 私が欲しいのは、改行されないテキストを1行だけ持つことです。 テキストが長いときは、このはみ出したテキストを消したいのです。

高さを設定しようと思ったのですが、どうも違うようです。

もしかして、フォントと同じ高さを追加すれば、ブラウザが違っても問題なく動作するはず?

どうすればいいのでしょうか?

どのように解決するのですか?

1行に限定したい場合は white-space: nowrap; をdiv上に配置します。