[解決済み] 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上に配置します。
関連
-
[解決済み] CSSの親セレクタはありますか?
-
[解決済み] CSSでcellpaddingとcellspacingを設定する?
-
[解決済み] CSSでテキストや画像の背景を透明にするには?
-
[解決済み] 画像の横のテキストを縦に揃える?
-
[解決済み] チェックボックスとそのラベルをクロスブラウザーで一貫して揃える方法
-
[解決済み] HTMLで表示される上下の三角形(軸のない矢印)に使用できる文字は何ですか?
-
[解決済み] CSS 背景の不透明度 [重複]について
-
[解決済み] テーブルセルでCSSテキストオーバーフロー?
-
[解決済み] ハイフンの後に改行しない
-
[解決済み】HTML5入力のプレースホルダの色をCSSで変更する。
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] HTMLで複数選択を許さないリストボックスを作るには?
-
[解決済み] 要素を水平方向にセンタリングする方法
-
[解決済み] リンクのように動作するHTMLボタンを作成する方法
-
[解決済み] ローカルストレージとCookieの比較
-
[解決済み] リンクを新しいタブまたはウィンドウで開く[重複]。
-
[解決済み] HTML5でfloat入力タイプはありますか?
-
[解決済み] フレックスアイテムを右寄せにするには?
-
[解決済み] HTML5で(非空白の)自己閉鎖タグは有効ですか?
-
[解決済み] HTMLのレイアウトにテーブルを使用しない理由は?[クローズド]
-
[解決済み] CSSでdivを縦にスクロールできるようにする