Skocz do zawartości

div i zmieniajaca sie wysokosc

HERO

Przez HERO
w HTML i CSS

 Udostępnij

Rekomendowane odpowiedzi

HERO Enthusiast

HERO

Opublikowano
Opublikowano

Hej, mam diva w ktorym wyswietlam tytuly lekcji 

div musi miec max-width: 300px; 

czy jest jakis sposob zeby div swoja wysokosc zmienial do gory?

tj zeby border-bottom trzymal swoja pozycje?

 

problem jest taki ze jak mam za dluga nazwe lekcji to wyrazy wskakuja pod siebie a box zyskuje na wysokosci w dol a chcialbym zeby zyskiwal na wysokosci ale w gore

 

dzieki

Dentysta Mokotów który daje powody do uśmiechu | Systemy szklane - Oferujemy szeroki wybór elementów szklanych dostępnych w różnych rozmiarach | Enter-office - Sprzedaż mebli biurowych i dodatkowych elementów do aranżacji przestrzeni.

 

Odnośnik do komentarza
Udostępnij na innych stronach
Mion Veteran

Mion

Opublikowano
Opublikowano

Nie wiem dokładnie o co chodzi ale zainteresuj się

CSS Flex Box Layout

np: https://css-tricks.com/snippets/css/a-guide-to-flexbox/

Tam Masz na screenach z czym co się je

 

LUB Nowszym jeszcze CSS GRID

 

https://css-tricks.com/snippets/css/complete-guide-grid/

 

To Robi robotę 

 

 

 

  • Thanks 1

HTTP 200 usługi IT -> Dariusz Janicki | Realizacja serwisów www oraz oprogramowania w PHP / C# / Golang / Node.js / MySQL/ Laravel
Komory normobaryczne - normobaria.tech Wykonawca montażu i instalacji komory normobarii

Odnośnik do komentarza
Udostępnij na innych stronach
  • 2 lata później...
tata_psychopata Rookie

tata_psychopata

Opublikowano
Opublikowano

Cześć,

 

ja bym to zrobił tak:

- całość umieścił w jakimś divie zewnętrznym

- nadał mu display:flex, align-items: flex-end;

- i w srodek wstawił div z nazwą lekcji

 

Mniej więcej tak:

<!doctype html>
<html lang="pl">
    <style>
        .container2 {
            display: flex;
            align-items: flex-end;
            height: 300px;
        }
 
    </style>
    <body>
        <div class="container2">
            <div class="element">
                nazwa lekcji
            </div>
        </div>
    </body>
</html>

 

Wtedy środkowy div (element) będzie zawsze trzymał pozycje do dołu, niezależnie jaką będzie miał wysokość (no chyba, że przekroczy 300px).

Pozycje diva zewnętrznego (container2) możesz sobie ustawiać do woli.

 

Pozdro.

 
  • Confused 1

Co ja robię tu,

Ubuntu

Odnośnik do komentarza
Udostępnij na innych stronach

Jeśli chcesz dodać odpowiedź, zaloguj się lub zarejestruj nowe konto

Jedynie zarejestrowani użytkownicy mogą komentować zawartość tej strony.

Zarejestruj nowe konto

Załóż nowe konto. To bardzo proste!

Zarejestruj się

Zaloguj się

Posiadasz już konto? Zaloguj się poniżej.

Zaloguj się
 Udostępnij
Tematy

  • Ostatnio przeglądający   0 użytkowników

    • Brak zarejestrowanych użytkowników przeglądających tę stronę.
×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Umieściliśmy na Twoim urządzeniu pliki cookie, aby pomóc Ci usprawnić przeglądanie strony. Możesz dostosować ustawienia plików cookie, w przeciwnym wypadku zakładamy, że wyrażasz na to zgodę. Warunki użytkowania Polityka prywatności