如何使div中文本与输入框不换行

1、首先我们在Html里写上对应的代码，div，和textarea控件里都有一些文本内容。

3、要让其不换行，也很简单，可以直接添加一个样式就行了。white-space: nowrap; 就是让文本不换行的样式。

5、为了让div不超长显示，我们可以添加另外一个样式，overflow: hidden; 这是让超长内容自动隐藏。

7、要处理上面的问题，我们只能嵌套二个d坡纠课柩iv了，然后把样式内容修改一些，把不换行和超长隐藏的样式放到里层的div里。代码如图。

8、再刷新页面看一下，现在显示较为美观一点了。