Heim  >  Artikel  >  Web-Frontend  >  Wie dreht man ein Unicode-Symbol in einem Pseudoelement?

Wie dreht man ein Unicode-Symbol in einem Pseudoelement?

Mary-Kate Olsen
Mary-Kate OlsenOriginal
2024-10-31 18:44:02813Durchsuche

How to Rotate a Unicode Symbol in a Pseudo-Element?

Pseudoelement-Inhaltswerte drehen

Frage:

Wie können Sie angesichts dessen den Inhaltswert eines Pseudoelements drehen? sie sind inline und können nicht direkt transformiert werden?

Konkret wollen wir ein Unicode-Symbol drehen.

<code class="css">::after {
  content: "B6";
}</code>

Antwort:

Inline-Elemente können nicht transformiert werden und Pseudoelemente sind standardmäßig inline. Um sie transformierbar zu machen, müssen Sie ihre Anzeigeeigenschaft entweder auf Block oder Inline-Block setzen.

<code class="css">#whatever:after {
  content: "B6";
  display: inline-block;
  transform: rotate(30deg);
}</code>
<code class="html"><div id="whatever">Some text</div></code>

Das obige ist der detaillierte Inhalt vonWie dreht man ein Unicode-Symbol in einem Pseudoelement?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn