自动换行:break-word在文本顶部添加填充

时间:2012-08-05 18:14:50

标签: css text

我有许多包含各种用户生成副本的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;似乎在上述方案中解决了这个问题,但为所有其他文本添加了间距。

我已成功使用过多次,但从未见过这个问题。有什么想法吗?

1 个答案:

答案 0 :(得分:0)

.copy的填充更改为

padding: 20px 0px 20px 45px;

DEMO

* 已从42px更改为45px