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

Question

我的文本很长，不适合列，因此我想像 Github 那样隐藏文本 URL 存储库（见下图）。

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

Answer 1

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

Answer 2

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

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

<div>Lorem ipsum dolor.</div>

Only portion of text visible in textfield