/
Da11oS
/
css_styles_examples
Обзор
Документация
Войти
/
Da11oS
/
css_styles_examples
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
width.html
66 строк
1 KB
Da11oS
init
09 июл 2025, 22:31
09 июл 2025, 22:31
f3aeeea
Код
Авторство
О чём код?
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <title>Размеры</title> <style> .container { display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; } .box { background-color: #ecf0f1; color: #333; text-align: center; padding: 20px; margin: 10px; } /* Примеры width/height */ .fixed-size { width: 200px; height: 150px; } .responsive-width { width: 50%; max-width: 300px; } .responsive-height { height: 50vh; /* 50% высоты экрана */ } /* Примеры min/max */ .min-max-width { min-width: 100px; max-width: 300px; } .min-max-height { min-height: 100px; max-height: 200px; } /* Авто размеры */ .auto-size { width: auto; height: auto; } </style> </head> <body> <h2>Примеры Размеров</h2> <div class="container"> <div class="box fixed-size">Fixed Width & Height (200x150)</div> <div class="box responsive-width">Responsive Width (50%, max 300px)</div> <div class="box responsive-height">Responsive Height (50vh)</div> <div class="box min-max-width">Min/Max Width (100-300px)</div> <div class="box min-max-height">Min/Max Height (100-200px)</div> <div class="box auto-size">Auto Size</div> </div> </body> </html>