我做 SAP UI5 開發時遇到一個問題：

我在 XML 視圖里，給 Button 控件分配了一個 CSS class：

sapUiSmallMarginEnd

期望運行時，該 CSS 類能夠產生 1 rem 的 margin 效果：

上圖來自 SAP UI5 官網的例子。

然而，我的例子運行出來失敗了，我的 button 控件渲染出的 HTML 原生代碼，并沒有出現這個 CSS 類，我期望的 margin 效果并沒有實現：

這個 class 存儲在 aCustomStyleClasses 數組里：

在 XMLTemplateProcessor 里處理自定義 CSS：

自定義 class 在此處被寫入：334 行

511行：

buttonRender.js 的第 130 行：

我的例子里，并沒有解析出 aCustomClasses

回到我的代碼，調試 1450行，為什么 CSSStyle 沒有添加到 button 里：

8081 即 SAP 例子里，sStyleClasses 能夠成功被解析出來：

但我的不行：

解析 CSS：

更多Jerry的原創文章，盡在：“汪子熙”:

總結

以上是生活随笔為你收集整理的SAP UI5 CSS 类 sapUiSmallMarginEnd 的工作和添加原理的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。