用 div 元素包装链接并禁用 div 换行符

Question

我用 div 元素包装了一个链接

$("a[href$='name']").wrap("<div />");

div 元素会导致换行。为了防止这种行为，我想用 style="white-space: nowrap;" 设置我的 div 元素的样式。

我试过了

$("a[href$='name']").wrap("<div style='white-space: nowrap;'></div>");

由于某种原因它不起作用。没有显示错误。但是，换行符仍然有效。

我的 sn-p 怎么了？

感谢您的帮助。

Answer 1

当您将元素包裹在 div 中时，它肯定会中断行，因为 div 元素会占用整行。如果要保持段落或句子或短语的连续性，为什么不使用span 包裹它？

Answer 2

如果由于某种原因元素需要是一个 div，并且不能是一个跨度。你可以给div：

display: inline-block;

获得类似的行为。