如下图所示,这是SAP Spartacus 嵌套label的一个使用场景,cx-org-list label标签选择器里,设置了padding-inline-end: 20px:那么嵌套的label,得到的padding-inline-end效果就是40px:
尽管在Chrome开发者工具面板上只能看到20px的padding:这也解释了为什么我重构之后(即去除了嵌套label)在Chrome开发者工具里,将padding手动设置成40px之后,仍然能够得到换行的效果上图的before fix场景,实际的padding应该是40px,肉眼上也能看出比after fix的20px场景的padding要大两倍。