• 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.

Aruba Cloud - Virtual Private Server VPS
0 głosów
721 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 864 wizyt
pytanie zadane 14 stycznia 2021 w HTML i CSS przez Rever Początkujący (290 p.)
0 głosów
1 odpowiedź 546 wizyt
+1 głos
2 odpowiedzi 778 wizyt
pytanie zadane 4 kwietnia 2021 w HTML i CSS przez Nearr Obywatel (1,890 p.)

93,336 zapytań

142,332 odpowiedzi

322,418 komentarzy

62,673 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

Wprowadzenie do ITsec, tom 1 Wprowadzenie do ITsec, tom 2

Można już zamawiać dwa tomy książek o ITsec pt. "Wprowadzenie do bezpieczeństwa IT" - mamy dla Was kod: pasja (użyjcie go w koszyku), dzięki któremu uzyskamy aż 15% zniżki! Dziękujemy ekipie Sekuraka za fajny rabat dla naszej Społeczności!

...