Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/video/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
添加无换行css的换行符_Css - Fatal编程技术网

添加无换行css的换行符

添加无换行css的换行符,css,Css,我在textarea上有一个css类,如下所示 .expanderHTMLText{ font: 12px Arial, Helvetica; min-height: 50px; white-space:nowrap; } 我不希望单词在长单词之间打断,但我确实希望文本填充框,而不是全部用滚动条在一行上。我想摆脱水平卷轴,但不必打破文字这样做。我如何做到这一点 删除空白:nowrap;而它不会在一条线上 编辑: 谁投票否决了我?请给我一个解释 空白:nowrap

我在
textarea
上有一个css类,如下所示

.expanderHTMLText{
     font: 12px Arial, Helvetica;   
    min-height: 50px;
    white-space:nowrap;
}
我不希望单词在长单词之间打断,但我确实希望文本填充框,而不是全部用滚动条在一行上。我想摆脱水平卷轴,但不必打破文字这样做。我如何做到这一点


删除空白:nowrap;而它不会在一条线上

编辑: 谁投票否决了我?请给我一个解释

空白:nowrap;显式定义,该包装将不会发生。包装文本的唯一方法是删除或更改此属性。 “空白”属性的默认值为“正常”,其作用与nowrap几乎相同,只是它将包装文本(折叠空格)

如果您不想将单词(甚至长单词)拆分为多行,则需要添加换行符:normal;如JSW189所示。
但是如果你有一个不适合一行的单词,你仍然会得到一个水平滚动条。但是很明显,你会有多行的单词,或者滚动条。

在你的文本所在的容器中添加一个
宽度
怎么样?我不认为这是尼克想要的。问题是:“我确实希望文本填充框,而不是用滚动条在一行上。”英语有点不规则,但我想他是说他不希望所有文本都在一行上。使用
空白:nowrap
将使文本全部位于同一行。请看:虽然Nick可能可以为我们澄清。我不希望出现水平滚动条,但我也不希望文字中断是的,这是我的理解-他不希望文本在一行上,这就是为什么我建议删除空白:nowrap或设置空白:normal。它取决于浏览器,正如您提供的示例在浏览器上渲染多行一样FF@EvaldasDzimanavicius哦,对不起,我误读了你的答案。我的错。