css - 文本字段中只有部分文本可见

Question

我的文本很长，不适合列，因此我想隐藏文本，就像 Github 对 URL 存储库所做的那样(见下图)。

如何实现它或者是否已经有可用的代码？

Answer 1

您可以使用 overflow: hidden css 属性:

div {
  border: 1px solid #333;
  height: 20px;
  width: 50px;
  overflow: hidden;
}

<div>Lorem ipsum dolor.</div>