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;。

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

1 个答案: