网格布局,flexbox可用组件详细教程

Flexbox本质上是用于以单个维度(行或列)布置项目。 网格用于二维布置项目–行和列。艾哈迈德·谢德(Ahmad Shadeed)写了一篇文章,他从不同的角度给出了相同的建议。 他认为我们应该将网格用于布局,将flexbox用于组件:请记住,旧的布局方法可能非常适合这项工作。 过度使用flexbox或网格会随着时间增加CSS的复杂性。 我并不是说它们很复杂,但是,如本文示例中所述,在正确的上下文中正确使用它们会更好。

说到这些,大家好好学习下这篇文章中还有很多很棒的布局示例。

本文已在Ie主题99839发布

文章来源:https://ietheme.com/grid-layout-flexbox-components.html


撰写评论

您的邮箱地址不会被公开。 必填项已用 * 标注

加入我们

注册完成!

密码重置

请输入您的邮箱地址。 您将收到一个链接来创建新密码。

检查你的邮件中的确认链接。


Fatal error: Uncaught Error: Call to undefined function fnmatch() in /www/wwwroot/ietheme.com/wp-content/plugins/object-cache-pro/src/ObjectCaches/ObjectCache.php:426 Stack trace: #0 /www/wwwroot/ietheme.com/wp-content/plugins/object-cache-pro/src/ObjectCaches/ObjectCache.php(405): RedisCachePro\ObjectCaches\ObjectCache->isNonPrefetchableGroup() #1 /www/wwwroot/ietheme.com/wp-content/plugins/object-cache-pro/src/ObjectCaches/Concerns/PrefetchesKeys.php(139): RedisCachePro\ObjectCaches\ObjectCache->isPrefetchableGroup() #2 [internal function]: RedisCachePro\ObjectCaches\PhpRedisObjectCache->RedisCachePro\ObjectCaches\Concerns\{closure}() #3 /www/wwwroot/ietheme.com/wp-content/plugins/object-cache-pro/src/ObjectCaches/Concerns/PrefetchesKeys.php(138): array_filter() #4 /www/wwwroot/ietheme.com/wp-content/plugins/object-cache-pro/src/ObjectCaches/PhpRedisObjectCache.php(206): RedisCachePro\ObjectCaches\PhpRedisObjectCache->storePrefetches() #5 [internal function]: RedisCachePro\ObjectCaches\PhpRedisObjectCache->close() #6 {main} thrown in /www/wwwroot/ietheme.com/wp-content/plugins/object-cache-pro/src/ObjectCaches/ObjectCache.php on line 426