PuzzleWeb
.ru
HTML
CSS
JavaScript
PHP
Apache
CSS справочник
>
flex
> Использование свойства flex
Использование свойства flex
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Название документа</title> <style> #main { width: 300px; height: 200px; border: 1px solid black; display: flex; } #main div { flex: auto; } </style> </head> <body> <div id="main"> <div style="background: #ff5c33;">1</div> <div style="background: #ffad33;">2</div> <div style="background: #00cc00;">3</div> <div style="background: #3385ff;">4</div> <div style="background: #d966ff;">5</div> </div> </body> </html>
Результат:
Отредактируйте код, указанный выше, и нажмите кнопку "GO" для просмотра результата.