css - 放大和缩小时从 div 溢出的文本

Question

我在 div 中有一个文本。当我调整页面的缩放级别时，div 内的文本移出 div。我要求文本保持原样保留在 div 中，而不是调整 div 的宽度。

我的 div 是：

    <div style="width: 463px; 
height: auto; 
min-height: 0px; 
overflow: visible; 
border: 3px dashed rgb(2, 158, 217); 
margin-left: 18px; 
max-width: 466px; 
color: rgb(0, 0, 0); 
font-size: 12px; 
font-family: arimo; 
font-weight: 400; 
font-style: normal; 
text-align: start;
 white-space: nowrap; 
line-height: 1.231;
padding-left: 3.5px;" wrap="off" name="nowrap" id="changedtext5" class="textdrag">asdksjadksja&nbsp;kldjaslkjd&nbsp;jasdiwie&nbsp;qowyruasdasd&nbsp;kajskjd&nbsp;kjaskldjlka;sdioewyriosudfrds</div>

Answer 1

overflow:visible;允许文本逃脱分隔线的限制。将此设置为overflow:hidden;将隐藏任何设法移出分隔线的文本。

我不知道这是否是您想要的解决方案，因为它最终会隐藏文本。

如果您希望它滚动，请使用overflow-x:scroll;.