☰

HTML と CSS を使用して div コンテンツを 1 行に収めるにはどうすればよいですか? 質問する

tag-icon • tag-icon html css
HTML と CSS を使用して div コンテンツを 1 行に収めるにはどうすればよいですか? 質問する

div定義された長いテキストがありますwidth:

HTML:

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

CS: ...

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

文字列を 1 行に収める (つまり、「オーバーフロー」の途中で切り取る) にはどうすればよいでしょうか?

を使用しようとしましたoverflow: hiddenが、役に立ちませんでした。

ベストアンサー1

これを試して：

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

おすすめ記事