Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.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
Html 如何防止段落文本打断到下一行_Html_Css - Fatal编程技术网

Html 如何防止段落文本打断到下一行

Html 如何防止段落文本打断到下一行,html,css,Html,Css,我有一个div,它根据父div width更改宽度。这是为了创造响应能力:当屏幕宽度减小时,宽度也会随之改变 问题:当屏幕宽度减小时,文本会不断变化,例如溢出被发送到新行的单词(当然会发生这种情况,因为宽度是parent div,是可变的) 我怎样才能防止这种情况发生?是像创建固定宽度的父div那样简单,还是有其他解决方案?谢谢 CSS HTML 这是一些长文本,在减小屏幕宽度时会打断到下一行 从您的问题中不清楚您到底想要实现什么,但是如果您想要文本停止包装,请使用空白:nowrap: di

我有一个div,它根据父div width更改宽度。这是为了创造响应能力:当屏幕宽度减小时,宽度也会随之改变

问题:当屏幕宽度减小时,文本会不断变化,例如溢出被发送到新行的单词(当然会发生这种情况,因为宽度是parent div,是可变的)

我怎样才能防止这种情况发生?是像创建固定宽度的父div那样简单,还是有其他解决方案?谢谢

CSS

HTML


这是一些长文本,在减小屏幕宽度时会打断到下一行


从您的问题中不清楚您到底想要实现什么,但是如果您想要文本停止包装,请使用
空白:nowrap

div.parDiv{
宽度:80%;
左边距:10%;
空白:nowrap;
}

这是一些长文本,在减小屏幕宽度时会打断到下一行

这是一段很长的文本,在这里打断到下一行
因为包含了break元素


那么,当屏幕宽度减小时,您希望文本发生什么变化?如果文本在两行上,我希望它保持在两行上,而不是在屏幕尺寸进一步减小时保持在3行上。好的,因此我更新了我的答案,添加了一个示例,其中可以有一个保持在两行上的两行段落。注意小段落上的溢出screen@Tema尼亚菲-的确如此。我正试图找出正确的词语来描述这个问题=)
div.parDiv {
width:80%;
margin-left:10%;
}
<div class="parDiv">
    <p class="text">This is some long text that breaks onto the next line when reducing the screen width</p>
</div>