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