Question

我正在尝试使用CSS限制字母数量，标签可以像YouTube上的标题一样显示。我正在看样式，看不出他们是怎么做的，或者他们是否使用过JS。谢谢

Answer 1

您可以截断文本并添加如下省略号：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<style>

p {
    width: 300px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

</style>
</head>
<body>

<p>This is some text this is some text this is some text this is some text</p>

</body>
</html>

html限制字母的跨度

1 个答案: