Vertikale Ausrichtung von SVG in CSS

Post a reply

Smilies
:) :( :oops: :chelo: :roll: :wink: :muza: :sorry: :angel: :read: *x) :clever:
View more smilies

BBCode is ON
[img] is ON
[flash] is OFF
[url] is ON
Smilies are ON

Topic review
   

Expand view Topic review: Vertikale Ausrichtung von SVG in CSS

by Anonymous » 14 Apr 2025, 02:04

Ich habe ein Problem mit der Inline -SVG -Ausrichtung. Ich habe eine Schaltfläche mit etwas Text und SVG erstellt. Und während die Ausrichtung korrekt funktioniert, wenn der SVG mindestens so groß ist wie der Text, wenn die SVG-Höhe kleiner als der Text ist. Sie können sehen, ob Sie genauer nachsehen, dass der zweite Fall nicht perfekt ausgerichtet ist, da die Höhe des SVG geringer ist als der aus dem Text. < /P>
Gibt es eine Möglichkeit, dies zu beheben? Andere Weise tun (keine js bitte)?

Code: Select all

a {
display: inline-block;
margin: 10%;
background-image: linear-gradient(to bottom,white 0%, white 50%, red 50%, red 100%);
padding: 5%;
}

svg {
fill: blue;
height: 1em;
vertical-align: middle;
}

#arrow-right {
height: 0.9em;
}< /code>
[url=#]
GO



[/url]

[url=#]
GO



[/url]

Top