在<span style =“display：inline-block”> </span>之后防止换行

Question

在HTML叙述流程中的<span>元素中，为了扩展检测到点击的区域（某些跨度只有一个字符的内容），我添加了填充（用负边距抵消它） ）在定义为

的类中

.expand-click-area {
    display:inline-block;
    padding:5px;
    margin:-5px;
    position:relative;
}

这在点击行为方面效果很好。问题是，在以下情况下，Chrome 19有时会在跨度和后续逗号之间换行：

<span class="expand-click-area">this is span text</span>,

有关如何防止这种情况的任何想法？从本质上讲，我希望打破与<span>根本不存在或者没有display:inline-block时相同的行为。

这种行为似乎没有出现在IE10中。请参阅http://jsfiddle.net/58XdJ/1/上的示例。

Answer 1

尝试将整个不易碎文本包装到<nobr>标记中。