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