所以我有一个简单的div,里面有一个带有一些文本的p标签。我希望文本保持在div内部,目前情况还不错,但是当我水平调整浏览器窗口大小时,div内的文本会从底部流出。
根据类似问题的答案,我需要添加
所以我的问题是,当我移动浏览器窗口时,我该怎么做才能让文本保持在div内部?
#textbox {
position: absolute;
left: 180px;
top: 420px;
height: 250px;
width: 20%;
background-color: white;
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
}
#text {
text-align: center;
font-family: 'Roboto', sans-serif;
font-style: italic;
font-size: 20px;
word-wrap: break-word;
}
<div id="textbox">
<p id="text">Here is some example text that is about the same amount as I really have here, but I don't want to reveal what.</p>
</div>
word-wrap: break-word;
,而我已经添加了。 如果有帮助的话,文本不会从左侧或右侧流出,而是从底部流出。所以我的问题是,当我移动浏览器窗口时,我该怎么做才能让文本保持在div内部?
white-space: normal;
这个属性吗? - Barrosy