"調整div大小時如何阻止文本移動"

Question

我已經在這個項目上工作了一段時間，一篇包含多個項目的文章。 但是，當將網頁大小調整為更小的尺寸時，“player-summary”類被推入具有“name”類的部分。 盡管“名稱”類具有 250 像素的固定寬度。 我不太確定如何解決此問題，因此調整網頁大小不會影響它。

此外，在調整大小時，為什么我的文本會溢出容器？

Answer 1

使用min-width<\/code> 。 如果您設置一個靜態值，例如在本例中為250px<\/code> ，它將使您的元素具有最小寬度以保持無論屏幕大小如何。

至於為什么你的元素溢出你的容器，那是因為你的容器上沒有任何包裝。 您可以使用flexbox<\/code>的flex-wrap<\/code>屬性來包裝您的元素以適應可用空間。 請參閱下面的片段：

更多關於flex-wrap<\/code>信息<\/a>。

如果您要查找的是文本換行，請參閱此處<\/a>。