 [CSS] rozciąganie diva do końca wierszza |
| [CSS] rozciąganie diva do końca wierszza |
 
Post
#1
|
|
|
Grupa: Zarejestrowani Postów: 196 Pomógł: 0 Dołączył: 9.03.2017 Ostrzeżenie: (0%) 
 |
Jak to zrobić, żeby niebieski div "dropdown_list4" rozciągał się do końca wiersza?
Kod <html> <head> <style> div { display: inline-block; } .div-padding { padding: 10px; } </style> </head> <div style="width: 100%; background-color: DodgerBlue;" class="div-padding"> <div class="div-padding" style="background-color: red; width: 60px;"><button>Tags</button></div> <div class="div-padding" style="background-color: green; width: 120px;">dropdown_list1</div> <div class="div-padding" style="background-color: red"> <div style="background-color: orange;">Autor: </div> <div style="background-color: DodgerBlue; width: 190px;">dropdown_list2</div> </div> <div class="div-padding" style="background-color: yellow"> <div style="background-color: orange">Kategorien: </div> <div style="background-color: DodgerBlue; width: 190px;">dropdown_list3</div> </div> <div class="div-padding" style="background-color: red;"> <div style="background-color: orange">Typen: </div> <div style="background-color: DodgerBlue;">dropdown_list4</div> </div> </div> </html> https://codepen.io/rudolph-reti/pen/oNgKZGq |
 |
 
|
 |
Post
#2
|
|
|
Grupa: Zarejestrowani Postów: 196 Pomógł: 0 Dołączył: 9.03.2017 Ostrzeżenie: (0%)
|
Jestem bardzo wdzięczny. Mnóstwo się dzięki Wam nauczyłem.
Czytałem co nieco o Bootstrapie i oglądałem kurs, ale to było kilka miesięscy temu. Wydaje mi się, że nie muszę, przynajmniej na razie, bardzo się nim przejmować: https://www.youtube.com/watch?v=maMbiJGkbZ4 Potrzebowałem tego do stworzenia menu nawigacji fasetowej. Rezultat można zobaczyć tutaj. Ten post edytował stellatus 15.02.2020, 18:18:58 |
|
|
|
stellatus [CSS] rozciąganie diva do końca wierszza 2.02.2020, 15:25:02 
aras785 Wypadałoby używać już flex.. + nie pisać w inline,... 2.02.2020, 17:13:54 trueblue A nie myślałeś o tym, aby uzbroić stronę w respons... 2.02.2020, 17:13:57 stellatus @aras785 Dzięki, dużo nowych rzeczy się dowiedział... 2.02.2020, 21:21:47 aras785 SCSS 2.02.2020, 22:16:35 stellatus Ok, a jak "przełamuje się" tego flexa? C... 3.02.2020, 15:34:12 trueblue Do .menu należy dodać:
Kodflex-wrap: wrap;
Ze... 3.02.2020, 15:38:43  |
|
Aktualny czas: 15.10.2025 - 23:52 |
