Icon alignment

[PNinBB]

Ich möchte einfach nur dieses Icon mittig erscheinen lassen.

Code Auswählen Erweitern

<ftui-icon class="size-3" [name]="SZ_FG_FS:basicSet | map('0:glasbruch3, 255:fts_window_1w')" [color]="SZ_FG_FS:basicSet | map('0:red, 255:green')"></ftui-icon>Die vielen Versuch, die ich gestartet habe, schlugen fehl.
In GitHub kann man zwar lesen, wie es gehen sollte:

Alignment and margins can be changed by the attributes

• align-item (top, bottom, left, right, center, around, stretch)
• margin
• padding

Aber wie lautet den nun die Syntax, damit man es auch anwenden kann.
Alle Icons erscheinen bei mir linksbündig im Feld.
Für einen Tipp wäre ich dankbar !
Peter

[misux]

Hi!

Da man nicht sehen kann wie du den Rest gestaltet hast eine "idee"...

Ein <div> vor dem Inhalt und ein danach wäre vielleicht hilfreien </div>

Code Auswählen Erweitern

<div><ftui-icon class="size-3" [name]="SZ_FG_FS:basicSet | map('0:glasbruch3, 255:fts_window_1w')" [color]="SZ_FG_FS:basicSet | map('0:red, 255:green')"></ftui-icon></div>
Ich nutze auf meiner ganzen FTUI immer nur hbox und vbox. Alles was in den Boxen ist wird zentriert und oder symmetrisch verteilt...

Code Auswählen Erweitern

<div class="hbox items-center">

<div><ftui-icon class="size-3" [name]="SZ_FG_FS:basicSet | map('0:glasbruch3, 255:fts_window_1w')" [color]="SZ_FG_FS:basicSet | map('0:red, 255:green')"></ftui-icon></div>

</div>


[PNinBB]

Danke für die Antwort.
Diese Klasse scheint mir aber zu FTUI 2 zu gehören; darf man denn das mit FTUI 3 mischen ?
Peter

[misux]

Hmm... Keine Ahnung... Nutze nur die 2er...

Probier es doch einfach mal aus. Ist ja schnell gemacht...