自动换行：断字在文本顶部添加填充

Question

我有许多包含各种用户生成副本的 div。这个div上的css如下：

copy {
    width:200px;
    padding:20px 0px 20px 42px;
    line-height:18px;
    color:#555555;
    word-wrap: break-word;
}

当内容是一个没有空格的长字符串时，word-wrap:break-word会适当地中断副本，但会在顶部添加一个“空行”，就好像有一个返回</br>或什么的一样。

white-space: pre; 似乎在上述场景中解决了这个问题，但为所有其他文本增加了间距。

我已经成功地使用了多次，但从未见过这个问题。有任何想法吗？

Answer 1

将填充更改.copy为

padding: 20px 0px 20px 45px;

演示版

*更改42px为45px