Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. [gelöst] Text in HTML horizontal und vertikal zentrieren

NEWS

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    17
    1
    3.6k

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    13
    1
    1.2k

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    2.5k

[gelöst] Text in HTML horizontal und vertikal zentrieren

Geplant Angeheftet Gesperrt Verschoben Visualisierung
vishow-to
3 Beiträge 2 Kommentatoren 737 Aufrufe 2 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • N Offline
    N Offline
    n3ucr0n
    schrieb am zuletzt editiert von n3ucr0n
    #1

    Re: Text in Widgets vertikal zentrieren

    Hallo Leute,
    ich habe mir ein Widget gemäß des oben verlinkten Posts angelegt.
    Wenn ich das Widget mit Inhalt fülle, klappt bei kurzen Texten auch alles hervorragend.

    Kommt es jedoch aufgrund der Textlänge zu einem Zeilenumbruch wird nur noch vertikal zentriert. Horizontal ist keine Zentrierung mehr.
    Wie muss ich die Angaben im CSS Teil anpassen, damit das passt?

    Hier der Auszug für den CSS Eintrag aus dem oben verlinkten Thread:
    .vertikalzentrieren div {
    display: flex;
    align-items: center; /* vertikal*/
    justify-content: center; /* horizontal */
    }

    Danke für Eure Hilfe!

    test.PNG test test.PNG

    CrunkFXC 1 Antwort Letzte Antwort
    0
    • N n3ucr0n

      Re: Text in Widgets vertikal zentrieren

      Hallo Leute,
      ich habe mir ein Widget gemäß des oben verlinkten Posts angelegt.
      Wenn ich das Widget mit Inhalt fülle, klappt bei kurzen Texten auch alles hervorragend.

      Kommt es jedoch aufgrund der Textlänge zu einem Zeilenumbruch wird nur noch vertikal zentriert. Horizontal ist keine Zentrierung mehr.
      Wie muss ich die Angaben im CSS Teil anpassen, damit das passt?

      Hier der Auszug für den CSS Eintrag aus dem oben verlinkten Thread:
      .vertikalzentrieren div {
      display: flex;
      align-items: center; /* vertikal*/
      justify-content: center; /* horizontal */
      }

      Danke für Eure Hilfe!

      test.PNG test test.PNG

      CrunkFXC Offline
      CrunkFXC Offline
      CrunkFX
      Forum Testing
      schrieb am zuletzt editiert von
      #2

      @n3ucr0n Hi probier's Mal damit:

      text-align:center
      

      Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

      N 1 Antwort Letzte Antwort
      1
      • CrunkFXC CrunkFX

        @n3ucr0n Hi probier's Mal damit:

        text-align:center
        
        N Offline
        N Offline
        n3ucr0n
        schrieb am zuletzt editiert von
        #3

        @CrunkFX Tatsache. Das war bereits des Rätzels Lösung! Danke :-)

        1 Antwort Letzte Antwort
        0
        Antworten
        • In einem neuen Thema antworten
        Anmelden zum Antworten
        • Älteste zuerst
        • Neuste zuerst
        • Meiste Stimmen


        Support us

        ioBroker
        Community Adapters
        Donate

        835

        Online

        32.7k

        Benutzer

        82.4k

        Themen

        1.3m

        Beiträge
        Community
        Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
        ioBroker Community 2014-2025
        logo
        • Anmelden

        • Du hast noch kein Konto? Registrieren

        • Anmelden oder registrieren, um zu suchen
        • Erster Beitrag
          Letzter Beitrag
        0
        • Home
        • Aktuell
        • Tags
        • Ungelesen 0
        • Kategorien
        • Unreplied
        • Beliebt
        • GitHub
        • Docu
        • Hilfe