Largeur du contenu + quelques px avec calc()

Question

Je sais que je peux le faire calc(100% + 15px) mais existe-t-il un moyen de faire calc("content width" + 15px) ?

fit-content et auto n'ont pas fonctionné, ce qui est assez logique.

J'ai un nombre inconnu d'éléments que je veux voir prendre la largeur dont ils ont besoin (inline-block) + une certaine quantité de px pour les éléments suivants justify-content: space-between;

Si cela n'est pas possible avec calc, existe-t-il une alternative ?

(J'utilise scss si cela change quelque chose)

Answer 1

Je me suis également retrouvé dans cette situation, malheureusement n'ayant pas trouvé de solution j'ai utilisé une petite fonction JS qui assigne la valeur

width: calc ($(element).width() + 10px);

Malheureusement, au lieu de calculer la mesure via javascript lors du chargement de la page, je ne peux pas vous aider.

Answer 2

Utiliser le rembourrage. L'option content+padding => détermine la taille sans utiliser le pourcentage de largeur.

Dans mon scénario, un bouton ajoutait un '>' en utilisant le pseudo ::after, et était positionné à 18px du bord droit.