Grid System Building Blocks

DEX601 - Unit 5 Implementing Navigation and Layouts

📄 第 368 页 🎬 视频课程

课程章节介绍

今天我们来聊聊Salesforce中的网格系统构建模块,特别是如何使用``和``来创建一个灵活的布局。 首先,想象一下你有一个大盒子,这个盒子就是我们的``。这个盒子可以水平排列里面的小盒子,这些小盒子就是``。每个小盒子代表一列,里面可以放任何你想要的内容。 在这个例子中,我们有两个小盒子,也就是两列。我们使用了`horizontalAlign="space"`这个属性,它会让这两列在水平方向上均匀分布,也就是说,它们之间会有相等的空间。 每个``都有一个`flexibility="grow"`的属性,这意味着它们会根据可用空间自动调整大小。如果屏幕变宽了,这两列也会变宽;如果屏幕变窄了,它们也会相应地缩小。 所以,这段代码的意思是:我们有一个大盒子,里面有两个小盒子,它们会根据屏幕的大小自动调整宽度,并且在水平方向上均匀分布。第一个小盒子里写着“这是第1列”,第二个小盒子里写着“这是第2列”。 希望这个解释能帮助你更好地理解如何使用``和``来创建一个灵活的网格布局。如果你有任何问题,随时问我!