Lines Matching refs:grid
34 | grid-template-[columns\|rows] | string | 1行1列 | 否 | 用于设置当前网格布局行和列的数量，不设置时默认1行1列，…
35 | grid-[columns\|rows]-gap | <length> | 0 | 否 | 用于设置行与行的间距或者列与列的间距，也可以支持通过…
36 | grid-row-[start\|end] | number | - | 否 | 用于设置当前元素在网格布局中的起止行号，仅当父组件d…
37 | grid-column-[start\|end] | number | - | 否 | 用于设置当前元素在网格布局中的起止列号，仅当父组件d…
38 | grid-auto-flow<sup>5+</sup> | string | - | 否 | 使用框架自动布局算法进行网格的布局，可选值为：<br…
183 <div class="common grid-parent">
184 <div class="grid-child grid-left-top"></div>
185 <div class="grid-child grid-left-bottom"></div>
186 <div class="grid-child grid-right-top"></div>
187 <div class="grid-child grid-right-bottom"></div>
201 .grid-parent {
202 display: grid;
203 grid-template-columns: 35% 35%;
204 grid-columns-gap: 24px;
205 grid-rows-gap: 24px;
206 grid-template-rows: 35% 35%;
208 .grid-child {
213 .grid-left-top {
214 grid-row-start: 0;
215 grid-column-start: 0;
216 grid-row-end: 0;
217 grid-column-end: 0;
220 .grid-left-bottom {
221 grid-row-start: 1;
222 grid-column-start: 0;
223 grid-row-end: 1;
224 grid-column-end: 0;
227 .grid-right-top {
228 grid-row-start: 0;
229 grid-column-start: 1;
230 grid-row-end: 0;
231 grid-column-end: 1;
234 .grid-right-bottom {
235 grid-row-start: 1;
236 grid-column-start: 1;
237 grid-row-end: 1;
238 grid-column-end: 1;