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

Question

我有一些包含各种用户生成副本的div。 CSS的是这个div如下：

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;

DEMO

* 从42px改为45px