0
votes

Comment changer la taille d'un cercle unicode comme ⬤ en utilisant CSS?

Essayer de placer ⬤ entre les mots d'une étiquette de paragraphe, mais je veux qu'ils soient plus petits, mais je ne trouve pas un moyen de changer la taille de celui-ci, tout ce que j'ai essayé, ignore simplement le changement de hauteur.

Essayé :: Avant avec contenu, placant à l'intérieur d'une portée, en ligne HTML et essayez d'ajouter du style dans le navigateur

chose1 ⬤ Thing2 ⬤ Thing3

Vous voulez à peu près réduire la taille de la taille, j'ai essayé une échelle aussi bien que cela n'a rien fait non plus. Je voulais éviter d'utiliser JS pour cela ou de coiffer une étiquette de span pour regarder la même chose, mais pas sûr de le faire avec seulement CSS?


2 commentaires

Il faudra être ciblé par un élément HTML comme un span / i B (avec une classe) autour de lui.


Pourquoi n'utilisez-vous pas simplement des balles plus petites, comme •?


3 Réponses :


2
votes

Vous pouvez simplement modifier la taille en utilisant la propriété de la taille de la police. Un exemple est ci-dessous, espérons que cela aide

p>

<i style="font-weight:700; font-size:16px; font-style: normal;">&#9432</i>


2 commentaires

Wow je me sens stupide lol merci beaucoup! N'a pas pensé à utiliser de la taille de police haha


Pas d'inquiétude, content de pouvoir aider!



1
votes

Vous pouvez utiliser transformer: échelle (.5); Affichage: Inline-Block; pour la rendre à 50% de sa taille d'origine.

Gardez l'esprit Cette méthode conserve l'immobilier original de l'élément, il ne change que sa taille de rendu.


0 commentaires

0
votes

Utilisez Taille de la police CODE> Pour échelle, essentiellement et enveloppez-la dans un élément inline, comme span code> ou i code> ou B code>.

Utiliser les unités em code> ( MDN Intro ) Il est donc directement relatif au texte environnant. p>

p>

<p>Something <span class="dot">&#x2B24;</span> smaller, <span class="dot">&#x2B24;</span> please.</p>


0 commentaires