17、Windows 8 应用布局属性全解析

Windows 8 应用布局属性全解析

在 Windows 8 应用开发中，布局的合理设计至关重要。本文将深入探讨 Flexbox、Grid 布局，以及 WinJS 提供的 ViewBox 和 ListView 控件，帮助你打造出美观且实用的应用界面。

1. Flexbox 布局

Flexbox 是 CSS 家族的一个强大工具，主要用于处理需要流动、弹性适应空间的数据布局。下面我们通过一个在 Windows 8 应用中使用 Flexbox 的示例来详细了解它。

示例目标：创建一个容器，使单个子项可见，后续子项从右侧部分显示，吸引用户滑动查看，同时使用对齐点帮助用户准确滚动到下一个项目。

实现步骤：
1.HTML 结构：

<div> <div> <h3>Lorem Ipsum</h3> <p>Lorem ipsum dolor sit amet, consectetur adipiscing. . .</p> <p>Donec dignissim tempor risus, in iaculis odio. . .</p> </div> <div> <h3>Maecenas velit</h3>