extjs grid 选中行背景色_grid布局笔记6——justify-items和align-items

在grid布局中，当我们设定了几行几列后，我们就拥有了相对应的单元格，例如，3行3列，就拥有九个单元格，我们之前讲过，单元格代表了一定的区域，那么单元格中，项目的位置是怎么设置的呢？答案是justify-items属性设置单元格内容的水平位置(左中右，或者拉伸)，align-items属性设置单元格内容的垂直位置(上中下，或者拉伸)。这两个属性的写法完全相同，都可以取以下值。

1. start：对齐单元格的起始边缘。
2. end：对齐单元格的结束边缘。
3. center：单元格内部居中。
4. stretch：拉伸，占满单元格的整个宽度(默认值)。

我们先弄一个3行3列的，长宽都为100px单元格的 grid布局，并为每一个项目加上背景色。HTML代码如下

1

2

3

4