css文字强制不换行,css文字强制不换行怎么办-北京沣登科技发展公司

大家好，今天小编关注到一个比较有意思的话题，就是关于css 文字强制不换行的问题，于是小编就整理了2个相关介绍 CSS文字强制不换行的解答，让我们一起看看吧。

<span>文本隐藏

text-overflow:ellipsis

div>

（图片来源网络，侵删）

overflow:hidden

white-space:nowrap

文本换行

（图片来源网络，侵删）

word-break：break-all 只对英文起作用word-wrap:break-word只对英文单词起作用

white-space:pre-wrap 对中文起作用

1、首先我们在Html，div和textarea控件中编写相应的代码，有一些文本内容。

（图片来源网络，侵删）

2、为了使它不换行，你可以直接添加一个样式。white-space: nowrap; 就是让文本不换行的样式。

3、现在查看页面，文本不会换行，文本输入框有一个滚动条。但是div中的内容太长而无法显示，它并不美观。为了使div不超长显示，我们可以添加另一种样式，溢出：隐藏;这是为了让长内容自动隐藏。

到此，以上就是小编对于css文字强制不换行的问题就介绍到这了，希望介绍关于css文字强制不换行的2点解答对大家有用。

[免责声明]本文来源于网络，不代表本站立场，如转载内容涉及版权等问题，请联系邮箱:83115484@qq.com，我们会予以删除相关文章，保证您的权利。转载请注明出处：http://www.fengdengtech.com/post/32641.html

# 文本 # 文字 # 隐藏

css文字强制不换行,css文字强制不换行怎么办