css - Word-wrap : break-word 在文本顶部添加填充

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