正如您所知,mat-divider
组件有一个名为inset
的布尔类型的@Input()
属性。Mat分隔线画一条线(可以是水平或垂直的,使用vertical
@Input),如果我们将inset
设置为true
,它只是尝试用旁边的元素将线包裹起来。
如果您检查元素,您会发现可应用于该元素的两个属性:
在下面的两张图片中,您可以看到设置inset
为true
或false
的区别。
正如您所看到的那样,在左侧的图像中,mat-divider具有static
的位置,但在另一张图像中,线和组件边缘(这里是mat-card组件)之间没有空隙。
inset
功能的好例子:如您所见,分隔线左侧有一些空间(margin-left: '80px')。