css - div タグのテキスト オーバーフロー

Question

ウィンドウ（任意のブラウザ）を最大化するたびに長い文字列divまたはタグを入力すると、divタグと完全に一致しますが、最小化するかブラウザの幅を圧縮すると、テキストがdiv領域から出てきます。spanストレッチまたは圧縮された div 領域に長いテキストを設定する方法を知りたいだけです。試してみましたがellipsis、white-space:nowrap何も見つかりませんでした。それに対する他の解決策はありますか？

画面例：ブラウザの幅を圧縮したとき。

Answer 1

私はあなたがこのようなものを望んでいることを願っています:

デモを見る

CSS:

div {
    // Div Styles Without Fixed Width and Height
    background: #ccc;
    padding: 20px;
    border: 1px solid #666;
}​

固定の高さを使用している場合は<div>、css プロパティoverflow:auto(コンテンツが変化するときにスクロールバーを表示するため) またはoverflow:hidden;(テキストが変化するのを非表示にするため) のいずれかを定義する必要があります。

例を見る (overflow:auto)

例を見る (overflow:hidden)