如何使用css，把div设置为一个椭圆容器,在做html页面开发时，我们一般都是使用div来做容器的，如果你需要一个椭圆形的容器，我们可以使用div来实现的，下面来看一下。......
如何使div中文本与输入框不换行
来源：互联网
2023-03-16 19:11:33 432
在html页面开发中，我们经常会在div中显示一些文本内容，或者在文本输入框里让用户输入内容，在默认情况下，这些内容都会自动换行的，那么如何设置可以让其不换行？下面我们来看一下。
方法/步骤
首先我们在Html里写上对应的代码，div，和textarea控件里都有一些文本内容。
现在从页面上看，div设置了宽度后，它和择诸散textarea一样，当文本内容超过宽度后，就会自动换行了。
要让其不换行，也很简单，可以直接添加一个样式就行了。
white-space: nowrap; 就是让文本不换行的样式。
现在看页面，文本没有换行了，文本输入框有了滚动条。
但激董div里的内容超长显示了，很不美观。
为了让div不超长显示，我们可以添加另外一个样式，overflow: hidden; 这是让超长内容自动隐藏。
从页面上看，内容确实没有超长显示了。但右边的内容太靠边线了。
要处理上面的问题，我们只能嵌套二个div了，然后把样式内容修改一些，把不换行排铲和超长隐藏的样式放到里层的div里。代码如图。
再刷新页面看一下，现在显示较为美观一点了。
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！
标签： HTML
上一篇：快速学会HTML语言-3（附实例） 下一篇：html如何让浏览器用最高版本来实现
相关文章
- 详细阅读
- 详细阅读
-
HTML5创作工具，MAKA 2.0史上最全操作指南详细阅读
HTML5创作工具，MAKA 2.0史上最全操作指南,超过15000种模板组合。还怕你没有发挥的空间吗？MAKA（中文：码卡）作为中国最早推出移动端卡片式交互模式的创新者，随着HTML5技术的日渐成熟......
2023-03-16 433 HTML
![HTML网页制作：[17]CSS常用样式字体及颜色属性](https://exp-picture.cdn.bcebos.com/ba274f598540102a99638a11b142a07aa110c5d4.jpg)