Question

我有一个长标题的视频标题，我想在一行中显示如下：

标题：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;
}

我希望在没有更多空间的情况下切断文本，并在结尾显示“...”。怎么做到这一点？

Answer 1

试试这个

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