html - 利用可能なスペースよりも長いテキストを切り取って「...」を表示するにはどうすればよいですか?

Question

長いタイトルのビデオのタイトルがあり、これを次のように 1 行で表示したいと考えています。

タイトル: TxT TxT TxT ...

しかし、今のところ次のように表示されています：

タイトル: TxT TxT TxT TxT TxT TxT TxT TxT TxT TxT TxT TxT

ここにDivコードがあります

<div class="vid-title"><%# Eval("Title")%></div>

そして彼女はcssです：

.vid-title {
  font-size: 20px; font-weight: bold; margin: 0px;
}

スペースがなくなったらテキストを切り取り、最後に「...」を表示したいと思います。これを達成する方法は？

score 2 · Accepted Answer

これを試して

div {
    width: 120px;
    text-overflow: ellipsis;
    white-space:nowrap;
    overflow:hidden;
    color: red;
}

1 に答える 1