如果在小div中捕获，如何中断输入的值

Question

我有一个小的模式div，其中我的输入具有长文本值。 问题是：该值不完全可见。它不会像普通的html行那样中断。

在正常的折线下方，在其下方输入不折线的输入值

Click on Link below to copy to clipboard: <br />
develop.example.com/user/single/folder1/subfolder1/image.jpg <!-- this line breaks -->

但这不会中断：

<div class="copy-to-clipboard">
    <input class="copy-link" readonly type="text" value='develop.example.com/user/single/folder1/subfolder1/image.jpg'>
</div>

结果：扩展模式时第二个URL（输入值）已完成，但在div中未中断

ints的CSS：

.copy-to-clipboard input {
border: none;
background: transparent;
width: 100%;
overflow: visible;
}