📌  相关文章
📜  角材料-网格

📅  最后修改于: 2020-10-28 04:59:21             🧑  作者: Mango

md-grid-list （一个Angular指令）是用于为各种屏幕尺寸布置内容的组件。网格在桌面大小屏幕中有12列，在平板电脑大小屏幕中有8列，在电话大小屏幕中有4列，其中每个大小都有预定义的边距和装订线。单元以定义它们的顺序按顺序排列在一行中。

属性

下表列出了md-grid-list的不同属性的参数和说明。

Sr.No Parameter & Description
1

* md-cols

This is for the number of columns in the grid.
2

* md-row-height

One of

  • CSS length − Fixed height rows (eg. 8px or 1rem).

  • {width}:{height} − Ratio of width to height (eg. md-row-height = “16:9”).

  • “fit” − Height will be determined by subdividing the available height by the number of rows.
3

md-gutter

The amount of space between tiles in CSS units (default 1px).
4

md-on-layout

Expression to evaluate after layout. Event object is available as $event, and contains performance information.

例

以下示例显示了md-grid-list指令的使用以及grid的使用。

am_grid.htm

现场演示

结果

验证结果。

调整屏幕大小以查看效果。