CSS 滚动对齐对齐属性

CSS scroll-snap-align属性表示元素或容器的对齐端口内框的对齐区域的对齐位置。

句法：

scroll-snap-align: Keyword_Values;
/* Or */
scroll-snap-align: Global_Values;

属性值： scroll-snap-align属性接受上面提到和下面描述的两个值：

• keyword_Values：该属性指的是关键字值，如none、start、end、center等。
• Global_Values：该属性指的是继承、初始、未设置等全局值。

注意：当设置了两个属性值时，第一个用于块，第二个用于内联。前任。滚动对齐对齐：开始结束；

示例 1：在此示例中，您可以通过滚动到示例内容的两个“界面”之间的某个点来查看 scroll-snap-align 的效果。这里我们使用none start作为属性值。

输出：

支持的浏览器：

• 铬合金。
• 火狐。
• 苹果浏览器。
• 边缘。
• 歌剧。
• Internet Explorer(不支持)。