Javascript 如何防止文本适应父级'；宽度是多少？

我只是想知道当父对象的宽度改变时，如何防止文本自适应。如果运行下面的代码并将鼠标悬停在div上，可以看到文本在更改时如何“适应”父级的宽度。这就是我想要避免的。我希望发生的是，文本保持其初始属性（我不在乎某些文本是否最终消失或无法读取，因为当用户向左滑动并且文本向左消失时，会触发此“效果”）。谢谢你的帮助！

。你好{
背景：红色；
边界半径：20px；
过渡：2s；
宽度：100%；
高度：200px；
}
.你好：哈弗{
宽度：20%；
}

Lorem ipsum dolor sit amet，是一位杰出的献身者。在调味品《厄洛斯权杖》一书中，佩朗斯克·尤伊斯莫·埃利特·迪亚姆（Pellentesque euismod elit diam）是一本书的作者，他创作了《厄洛斯·莫利斯·康斯奎特》（Cras tempus lectus tortor）这本书。纳勒姆·奥迪奥·厄洛斯。在turpis tristique，facilisis neque的Phasellus酒店
nec，拍卖商turpis。Nunc ac justo Predida，lobortis lectus a，tempus felis。在faucibus中，Interdum和malesuada在第一次同侧前就出名了。莫里斯·维塔伊是一位智者，他是一位智者。

您可以使用

绝对定位在父级内部创建新的div


。你好{
背景：红色；
边界半径：20px；
过渡：2s；
宽度：100%；
高度：200px；
}
.你好：哈弗{
宽度：20%；
}
.innerText{
位置：绝对位置；
}

Lorem ipsum dolor sit amet，是一位杰出的献身者。在调味品《厄洛斯权杖》一书中，佩朗斯克·尤伊斯莫·埃利特·迪亚姆（Pellentesque euismod elit diam）是一本书的作者，他创作了《厄洛斯·莫利斯·康斯奎特》（Cras tempus lectus tortor）这本书。纳勒姆·奥迪奥·厄洛斯。在turpis tristique，facilisis neque的Phasellus酒店
nec，拍卖商turpis。Nunc ac justo Predida，lobortis lectus a，tempus felis。在faucibus中，Interdum和malesuada在第一次同侧前就出名了。莫里斯·维塔伊是一位智者，他是一位智者。

。你好{
背景：红色；
边界半径：20px；
过渡：2s；
宽度：100%；
高度：200px；
}
.你好：哈弗{
宽度：20%；
}
p{
位置：绝对位置；
}


Lorem ipsum dolor sit amet，是一位杰出的献身者。在调味品《厄洛斯权杖》一书中，佩朗斯克·尤伊斯莫·埃利特·迪亚姆（Pellentesque euismod elit diam）是一本书的作者，他创作了《厄洛斯·莫利斯·康斯奎特》（Cras tempus lectus tortor）这本书。纳勒姆·奥迪奥·厄洛斯。在turpis tristique，facilisis neque的Phasellus酒店
nec，拍卖商turpis。Nunc ac justo Predida，lobortis lectus a，tempus felis。在faucibus中，Interdum和malesuada在第一次同侧前就出名了。莫里斯·维塔伊是一位智者，他是一位智者。

希望这对您有所帮助


。你好{
背景：红色；
边界半径：20px；
过渡：2s；
宽度：100%；
高度：200px；
溢出：隐藏；
}
.你好：哈弗{
宽度：20%；
空白：nowrap；
文本溢出：省略号；
}

Lorem ipsum dolor sit amet，是一位杰出的献身者。在调味品《厄洛斯权杖》一书中，佩朗斯克·尤伊斯莫·埃利特·迪亚姆（Pellentesque euismod elit diam）是一本书的作者，他创作了《厄洛斯·莫利斯·康斯奎特》（Cras tempus lectus tortor）这本书。纳勒姆·奥迪奥·厄洛斯。在turpis tristique，facilisis neque的Phasellus酒店
nec，拍卖商turpis。Nunc ac justo Predida，lobortis lectus a，tempus felis。在faucibus中，Interdum和malesuada在第一次同侧前就出名了。莫里斯·维塔伊是一位智者，他是一位智者。
我会设置一个静态宽度，以防止.static容器收缩。。但它不是动态的，就像100%的解决方案一样，为了使其响应速度更快


。你好{
背景：红色；
边界半径：20px；
过渡：2s；
宽度：400px；
高度：200px；
溢出：隐藏；
}
.你好：哈弗{
宽度：20%；
}
.静态容器{
宽度：400px；
}

Lorem ipsum dolor sit amet，是一位杰出的献身者。在调味品《厄洛斯权杖》一书中，佩朗斯克·尤伊斯莫·埃利特·迪亚姆（Pellentesque euismod elit diam）是一本书的作者，他创作了《厄洛斯·莫利斯·康斯奎特》（Cras tempus lectus tortor）这本书。纳勒姆·奥迪奥·厄洛斯。在turpis tristique，facilisis neque的Phasellus酒店
nec，拍卖商turpis。Nunc ac justo Predida，lobortis lectus a，tempus felis。在faucibus中，Interdum和malesuada在第一次同侧前就出名了。莫里斯·维塔伊是一位智者，他是一位智者。