1. ホーム
  2. ハイパーリンク

[解決済み】HTML+CSS。divの内容を強制的に1行に収めるには?

2022-03-28 12:35:17

質問

の中に長いテキストがあります。 div と定義された width :

HTMLです。

<div>Stack Overflow is the BEST !!!</div>

CSSです。

div {
    border: 1px solid black;
    width: 70px;
}

どうすれば、文字列を強制的に1行に収めることができますか(つまり、"Overflow"の途中で切断されるように)?

を使おうとしたのですが overflow: hidden しかし、それは役に立ちませんでした。

解決方法は?

これを試してみてください。

div {
    border: 1px solid black;
    width: 70px;
    overflow: hidden;
    white-space: nowrap;
}