文本字段中只显示部分文本

Question

我有一个长文本，不适合列，因此我想隐藏文本，如Github使用URL存储库（见下图）。

如何实现它或者是否已有代码？

Answer 1

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

＆＃13;

＆＃13;

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

＆＃13;

<div>Lorem ipsum dolor.</div>

＆＃13;

＆＃13;

＆＃13;

Answer 2

这是一个CSS问题。您可以分析文本输入字段的Github格式并找出它是如何完成的。