瀑布流布局，又称Masonry布局，是一种常见的网页布局方式，尤其在图片展示、电商网站等场景下广泛应用。这种布局的特点是元素随着页面滚动而垂直排列，每个元素的宽度不固定，根据自身内容或屏幕大小自动调整，从而形成一种错落有致的效果。在自适应瀑布型布局中，设计的目标是确保在不同设备上，如手机、平板和PC
HTML5 18 次浏览
响应式布局的好处挺多，最直接的就是一套代码能兼容手机和 PC，少折腾。2010 年 Ethan Marcotte 提出来以后，就都在用，是做移动端适配。CSS3 的Media Query算是核心技术了，你可以用@media写条件，比如屏幕小于 480 像素，就加载不同样式，页面响应也快。下面有个例子
HTML5 0 次浏览
一种布局管理器，它根据组件的自然大小，依次水平排列组件。
Android 17 次浏览
自动布局以键盘宽高为基础
IOS 16 次浏览
用于存放其他视图的容器，元素会重叠。
Android 17 次浏览
Flex布局是一种在CSS3中引入的布局模式，用于处理复杂的网页布局问题。它提供一种更加灵活、动态的方式来组织和对齐内容，尤其适用于单列和多列布局以及响应式设计。在Flex布局中，容器可以调整其子元素的宽度、高度以及顺序，以最佳方式填充可用空间，同时保持内容的可读性和可触达性。 Flex布局的核心
HTML5 19 次浏览
使用CSS样式对DIV元素进行布局。
HTML5 25 次浏览