在CSS网格中,对网格列使用1值意味着什么?

时间:2018-11-16 22:01:27

标签: css css3 css-grid

我知道您可以在grid-row-startgrid-column-start中键入一个值,但是,当您为grid-column使用一个值时,这是什么意思。

grid-column:3;
grid-column-start:2;
grid-column-end:4;

1 个答案:

答案 0 :(得分:0)

这里是official spec,这里是user friendly translation

根据经验,搜索“ mdn +属性名称”将使您在MDN上的易于理解页面,该页面还包含指向任何当前链接的链接,以前的或将来的(建议的)官方文档。

关于速记属性(如果使用Chrome)的另一个非常有用的经验法则是,在开发控制台中,在“元素”选项卡上的“样式”抽屉中,速记属性除该值外总是带有一个小箭头。单击它将显示完整的“翻译”。

grid-column: 3解释为:

grid-column-start: 3;
grid-column-end: auto;

最后,另一个经验法则是不要将 W3C (官方网络协会文档:http://w3.org)与 w3cschools 混淆,这是一家私有企业,试图通过提供模糊且很少更新的内容,通过搜索网络文档获利。
从技术上讲,它是网络钓鱼,但是一种无害的网络钓鱼。