调整浏览器窗口大小时如何显示带点的文本？[复制]

Question

当我使用CSS调整浏览器窗口的大小时，如何用点显示文本？

例如：

我的文本

“你好，世界！欢迎使用编码'

调整大小后

你好，世界！欢迎来到。。。

你好，世界！欢迎t...（根据窗口大小显示点）

Answer 1

下面是如何使用文本溢出的基本示例：省略号 。您需要溢出：隐藏 要显示的属性以及空白：nowrap

超文本标记语言

CSS：

.overflow {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

Answer 2

您可以使用文本溢出：省略号；溢出：隐藏；空白：nowap；

有关详细信息，请转至：文本溢出

如果你对此有任何疑问，请告诉我。

希望这对你有帮助

    .app a {
  width: 140px;
  padding: 0;
  overflow: hidden;
  position: relative;
  display: inline-block;
  margin: 0 5px 0 5px;
  text-align: center;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #000;
}

html prettyprint-override"><div class="app">
  <a href="">Hello world! Welcome to Coding</a>
</div>

Answer 3

试试这个CSS。

white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;