html - 之后防止换行

Question

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

.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/中的示例。

score 7 · Accepted Answer

7

尝试将整个不可破坏的文本包装到<nobr>标签中。

于 2012-05-06T19:00:56.850 回答

score 1 · Accepted Answer

如果有人遇到这个问题并且上述解决方案都没有解决我的问题，我发现将它添加到跨度将解决它。

display: contents;

希望这对某人有帮助；）

2 回答 2