用div元素包装一个链接＆amp;禁用divs换行符

Question

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

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

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

我试过了

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

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

我的代码段出了什么问题？

感谢您的帮助。

Answer 1

当你将一个元素包装在div中时，它肯定会排成一行，因为div元素会占用整行。如果你想保持段落或句子或短语的连续性，为什么不用span包裹呢？

Answer 2

如果由于任何原因，元素NEEDS是div，并且不能是span。你可以给div：

display: inline-block;

获得类似的行为。