enveloppant un lien avec un élément div et désactiver la ligne de rupture divs

Question

J'enroulai un lien avec un div élément

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

Le div-élément provoque des sauts de ligne. Pour éviter ce comportement, je voudrais styliser mon élément div avec style = "white-space: nowrap;".

J'ai essayé

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

Pour une raison quelconque, il ne fonctionne pas. Il n'y a pas d'erreur affichée. Le saut de ligne est cependant toujours actif.

Quel est le problème avec mon extrait?

Merci pour votre aide.

Answer 1

Lorsque vous enroulez un élément à l'intérieur d'un div, il va sûrement se mettre en ligne puisque l'élément div consommera toute la ligne. Pourquoi ne pas envelopper avec span à la place si vous voulez maintenir la continuité du paragraphe ou phrase ou phrase?

Answer 2

Si pour une raison quelconque l'élément DOIT être un div, et ne peut pas être un span. Vous pouvez donner le div:

display: inline-block; 

pour obtenir un comportement similaire.