Border-Radius文本溢出

Question

您可以在此处查看网页：http://forumalliance.net/api/clan.php?clan=striking

但正如你所看到的那样，单词在中途破裂和分裂。这是css。

#clanDetails{
    text-align:center;
    border-radius: 10px;
    border: 3px solid #BADA55;
    width:50%;
    margin-left:25%;
    margin-right:25%;
    padding: 10px;
    word-wrap:break-word;
}

#intro{
    border-radius: 10px;
    border: 3px dashed lightskyblue;
    padding: 6px;
}

我尝试删除word-wrap:break-word; 然后说明文字溢出边界......

Answer 1

您可以通过在white-space: pre-wrap;标记中添加pre来解决此问题。这样可以防止在预先格式化的文本中包含单词：

#intro > pre {
    white-space: pre-wrap;
}