想用th:switch來顯示指定html內容。有沒有什么其他方法可以做到這種效果。th:標簽寫在div里,div會自動換行。用了display:inline-block等方法也不行。原因應該就是多了一層div。
具體問題:
使用th:each后每個col都獨占一行,不能一行多個顯示
<div class="row filterable-content">
<div th:each="item, itemStat: ${xxxx_list}" th:switch="${item.xxxx_area}">
<!-- col start -->
<div th:case="1" class="col-sm-6 col-xl-3 filter-item 1">
xxx
</div>
<!-- end col -->
</div>
</div>
原來這樣是正常顯示的:
<div class="row filterable-content">
<!-- col start -->
<div class="col-sm-6 col-xl-3 filter-item 1">
xxx
</div>
<!-- end col -->
</div>
其他:用了bootstrap的框架。是一個springboot專案。
uj5u.com熱心網友回復:
<div class="row filterable-content" th:each="item, itemStat: ${xxxx_list}" th:switch="${item.xxxx_area}"><!-- col start -->
<div th:case="1" class="col-sm-6 col-xl-3 filter-item 1">
xxx
</div>
<!-- end col -->
</div>
uj5u.com熱心網友回復:
這樣是不行的,跟外面的div沒關系吧。轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/48701.html
標籤:HTML(CSS)
上一篇:發布后登陸出錯
