一行文本固定宽度 根据视口缩小自动换行

要实现这个效果，可以使用CSS中的word-wrap属性和overflow属性，代码如下：

div{
  width: 300px; /*设置文本宽度*/
  word-wrap: break-word; /*根据单词自动换行*/
  overflow: hidden; /*超出宽度部分隐藏*/
}

在这个例子中，我们将div元素的宽度设置为300px，当文本内容超出宽度时，会根据单词自动换行。同时，我们设置overflow属性为hidden，超出宽度部分将被隐藏。在视口缩小的时候，文本会自动适应宽度，从而实现自动换行效果。