如下圖所示，這是SAP Spartacus 嵌套label的一個(gè)使用場(chǎng)景，cx-org-list label標(biāo)簽選擇器里，設(shè)置了padding-inline-end: 20px:

那么嵌套的label，得到的padding-inline-end效果就是40px：

盡管在Chrome開發(fā)者工具面板上只能看到20px的padding：

這也解釋了為什么我重構(gòu)之后(即去除了嵌套label)在Chrome開發(fā)者工具里，將padding手動(dòng)設(shè)置成40px之后，仍然能夠得到換行的效果：

上圖的before fix場(chǎng)景，實(shí)際的padding應(yīng)該是40px，肉眼上也能看出比after fix的20px場(chǎng)景的padding要大兩倍。

更多Jerry的原創(chuàng)文章，盡在：“汪子熙”:

總結(jié)

以上是生活随笔為你收集整理的关于SAP Spartacus嵌套label的padding问题的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。