Max-width dziwnie działa

Odpowiedz Nowy wątek
2019-09-20 18:06

Rejestracja: 2 lata temu

Ostatnio: 2 miesiące temu

0

Witam,
z góry przepraszam za tytuł, ale nie mam pomysłu... Chodzi o to, że kiedy dam na diva z tekstem max-width: 190px to tekst zawija się do następnej linijki, ale zostawia po prawej jakby padding i width wynosi 190px, mimo, że jest po prawej dużo pustego miejsca. Jak mogę zrobić, aby width wyrównywał się automatycznie, a kiedy wynosi 190px lub więcej to się na 190 zatrzymuje? Dodam, że mam float: left i width: auto.

Pozostało 580 znaków

2019-09-20 18:08

Rejestracja: 9 lat temu

Ostatnio: 2 minuty temu

Lokalizacja: Grudziądz/Bydgoszcz

0

nic nie działa dziwnie, wszystko to co opisałeś to prawidłowe działanie


It's All About the Game.

Pozostało 580 znaków

2019-09-20 18:08

Rejestracja: 3 lata temu

Ostatnio: 1 godzina temu

0

text-align: justify

Pozostało 580 znaków

2019-09-20 18:10

Rejestracja: 2 lata temu

Ostatnio: 2 miesiące temu

0
stivens napisał(a):

text-align: justify

Nie działa, dodam, że miałem text-align: center

Pozostało 580 znaków

2019-09-20 18:11

Rejestracja: 2 lata temu

Ostatnio: 2 miesiące temu

0
mr_jaro napisał(a):

nic nie działa dziwnie, wszystko to co opisałeś to prawidłowe działanie

Cały CSS diva:

    float: left;
    width: auto;
    max-width: 190px;
    cursor: pointer;
    font-size: 19px;
    margin-left: 20px;
    text-align: center;
    border: 2px #1d1d1d solid;
    padding: 10px 10px 10px 10px;
    box-shadow: 0 1px 15px #5e5e5e;
edytowany 3x, ostatnio: Gouda105, 2019-09-20 18:11

Pozostało 580 znaków

2019-09-20 18:11

Rejestracja: 9 lat temu

Ostatnio: 2 minuty temu

Lokalizacja: Grudziądz/Bydgoszcz

0

jak dałeś max-width 190 to ci ograniczył do 190 wielkość więc nie rozszerzy go w góre. wyjaśnij dokładnie, pokaż kod/screeny i wtedy powiemy co zrobić.


It's All About the Game.

Pozostało 580 znaków

2019-09-20 18:13

Rejestracja: 9 lat temu

Ostatnio: 2 minuty temu

Lokalizacja: Grudziądz/Bydgoszcz

0

pokaż tą stronę lub działający przykład, bo z tego fragmentu cssa nic nie winika


It's All About the Game.

Pozostało 580 znaków

2019-09-20 18:16

Rejestracja: 2 lata temu

Ostatnio: 2 miesiące temu

0
mr_jaro napisał(a):

pokaż tą stronę lub działający przykład, bo z tego fragmentu cssa nic nie winika

Dodam jeszcze, że width wynosi jednak 213px mimo max-width: 190px

Pozostało 580 znaków

2019-09-20 18:17

Rejestracja: 9 lat temu

Ostatnio: 2 minuty temu

Lokalizacja: Grudziądz/Bydgoszcz

0

wrzuć kod tutaj tak by działało i powiem ci co jest nie tak https://jsfiddle.net/


It's All About the Game.

Pozostało 580 znaków

2019-09-20 18:20

Rejestracja: 3 lata temu

Ostatnio: 1 godzina temu

0

No trzeci test juz na oko sie tam z paddingiem nie zmiesci

Pozostało 580 znaków

2019-09-20 18:26

Rejestracja: 2 lata temu

Ostatnio: 2 miesiące temu

0
mr_jaro napisał(a):

wrzuć kod tutaj tak by działało i powiem ci co jest nie tak https://jsfiddle.net/

Nie wiem, czy dobrze wysyłam, ale chyba tutaj będzie

edytowany 2x, ostatnio: Gouda105, 2019-09-20 18:27

Pozostało 580 znaków

Odpowiedz

1 użytkowników online, w tym zalogowanych: 0, gości: 1, botów: 0