Éléments secoués/vibrants comme les autres valeurs changent avec l'entrée

Question

J'ai des curseurs et des boîtes de sortie pour afficher les valeurs de ces curseurs. Lorsque l'utilisateur déplace les curseurs et que les valeurs changent, le reste de la page bouge/s'agite pour s'adapter à la nouvelle (très légère) augmentation de la taille des valeurs. Quelle est la meilleure façon d'éviter cela? J'ai essayé d'utiliser un conteneur avec un peu de rembourrage, mais ensuite cela "s'ajoute" à la taille de la valeur et tout continue à bouger.

est ici ce qui se passe dans l'action avec les curseurs sur le dessus: www.cherb.co.uk/map

Vive

Answer 1

Voici quelque chose qui peut fonctionner. Dans votre CSS ajouter l'affichage: bloc au curseur de classe.

.slider { 
    -webkit-appearance: none; 
    width: 90px; 
    height: 10px; 
    background: white; 
    display: block; 
}