• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

justify-content nie działa po odświeżeniu strony.

VPS Starter Arubacloud
0 głosów
643 wizyt
pytanie zadane 19 listopada 2019 w HTML i CSS przez Kimi Bywalec (2,050 p.)

Cześć! Mam mały skrypcik, który wyświetla H1 z API. Na stronie jest tylko parę divów oraz H1. Dane po pobraniu z API wrzucam do tego H1 przez innerText. Tekst w h1 zmienia ma zmieniać się z każdym odświeżeniem strony.

I tutaj jest właśnie problem, przy pierwszym załadowaniu, centruje się odpowienio, jednak po odświeżeniu strony ucieka w prawą stronę. Poniżej umieszczam kod html i css. Z góry dziękuję, za każda pomoc!

<body>

<div id="main">
        <img src="background.jpg" alt="Italian Trulli">
    <div id = "quote">
            <h1></h1>
            
    </div>   
    

</div>

<script src="scipt.js"></script>
</body>
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700&display=swap');

*, *::before, *::after{
    box-sizing: border-box;
    margin: 0;
    padding:0;
}
body{
    position: absolute;
    width: 100%;
    height: 100%;
    font-family: 'monserat', sans-serif;
    color: rgb(173, 33, 150);
}
#main {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    
    
}
#quote{
    display: flex;
    position: absolute;
    top: 20%;
    justify-content: center
    
      
}

 

2 odpowiedzi

0 głosów
odpowiedź 20 listopada 2019 przez kingkushlee Gaduła (3,960 p.)
Dodaj do h1/klasy dla h1 właściwość text-align: center
komentarz 20 listopada 2019 przez Kimi Bywalec (2,050 p.)
Nie pomaga.
0 głosów
odpowiedź 20 listopada 2019 przez Kimi Bywalec (2,050 p.)
Problem udało się rozwiązać. Wystarczyło nadać width:100% dla quote.

Podobne pytania

0 głosów
2 odpowiedzi 720 wizyt
pytanie zadane 14 stycznia 2021 w HTML i CSS przez Rever Początkujący (290 p.)
0 głosów
1 odpowiedź 509 wizyt
+1 głos
2 odpowiedzi 577 wizyt
pytanie zadane 4 kwietnia 2021 w HTML i CSS przez Nearr Obywatel (1,890 p.)

92,832 zapytań

141,776 odpowiedzi

320,824 komentarzy

62,163 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...