我不是专业前端，所以折腾了老半天啊QAQ 需求是两个div,内层div不换行且超出时外层div显示横向滚动条 类似以下这种： 刚开始的代码如下： css样式： 这个完全没办法达到要求，那个white-space：nowarp像死了一样不起作用 ...

在CSS中，可以通过white-space属性来实现文字不换行显示；只要将white-space属性的值为nowrap就可强制文字不换行。 white-space属性指定元素内的空白怎样处理。它有以下属性值： normal：默认。空白会被浏览器忽略。 pre：空白会被浏览器保留 ...

...

项目使用场景 ...

设置文字不换行，超过的部分用“...”代替 overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 210px; 除width属性 ...

...

在写页面的时候，我们经常会需要用到关于文本的换行，强制换行以及显示几行超过显示省略号等，今天我们就对这些问题来做个汇总吧！ 1、自动换行 2、强制不换行 3、强制英文单词换行 4、单行文本不换行多余文本显示省略号 5、多行文本超出 ...

原文：https://www.cnblogs.com/coolsboy/p/11495836.html 在写页面的时候，我们经常会需要用到关于文本的换行，强制换行以及显示几行超过显示省略号等，今天我们就对这些问题来做个汇总吧！ 1、自动换行 2、强制不换行 ...