如果文本不适合同一行，则不显示全部

Question

我的网站上有一个左侧边栏，其中包含一个包含链接的列表。如果一个链接很长，它将不适合只有一行。 例如：'这是一个很长很长的链接'。 我可以做些什么来显示这个文本中的可能（例如''这是一个非常长的'），但是这样它只适合一行（一行有200px宽度）？

Answer 1

将CSS设置为：

overflow:hidden;
white-space:nowrap;

Answer 2

有一个名为text-overflow的CSS3属性可以控制您描述的内容。结合overflow: hidden;和white-space: nowrap;，您可以自定义该行末尾显示的内容。

文档here很好，并描述了该属性的灵活性。但是，假设您要做的就是在超出宽度的行末尾添加省略号（...），然后您只需编写：

.sidebar p { /*Or whatever selector matches*/
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

Answer 3

在容器上应用overflow: hidden;以及设定的宽度和高度。