thymeleaf CSS內聯表達式前端css裏面怎麼獲取後臺模板值

theamleaf CSS內聯表達式和js內聯表達式和取值相似

<style th:inline="css">
  ...
</style>

假設咱們有兩個變量設置爲兩個不一樣的String值:

classname = ‘vue1 view1’ 
align = ‘center’

使用以下表達式

<style th:inline="css">
    .[[${classname}]] {
      text-align: [[${align}]];
    }
</style>

結果將是

<style th:inline="css">
    .vue1 view1{
      text-align: center;
    }
</style>
1

下面給出一個設置theamleaf CSS設置背景的實例

.backGroundImg{
            /*background-image: url("http://www.it399.com");*/
            background-image: url("[[${myURL.mSrcURL}]]/imgs/tools/zuji/zuji_map_bg.png");
}

我的網站css

我的博客

本文同步發佈在 在線助手轉載請註明來自 在線助手博客 頻道【thymeleaf css內聯表達式前端css裏面怎麼獲取後臺模板值]】,原文連接:http://www.it399.com/blog/html/201806081526html

相關文章
相關標籤/搜索