Logowanie

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

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

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.

odpowiedź 20 listopada 2019 przez Kimi Bywalec (2,050 p.)

Podobne pytania

0 głosów

2 odpowiedzi 640 wizyt

Nie działa justify-content. Problem w wyśrodkowaniem menu.

pytanie zadane 14 stycznia 2021 w HTML i CSS przez Rever Początkujący (290 p.)

0 głosów

1 odpowiedź 443 wizyt

Dlaczego .container po dispaly:flex justify-content:center i align-items:center nie wyśrodkowuje się

pytanie zadane 29 sierpnia 2019 w HTML i CSS przez Radek Koniarski Użytkownik (870 p.)

+1 głos

2 odpowiedzi 482 wizyt

display: flex; align-items: center; justify-content: center; nie działa

pytanie zadane 4 kwietnia 2021 w HTML i CSS przez Nearr Obywatel (1,890 p.)

Akademia Sekuraka

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

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!

...