thymeleaf模板中使用th：each会导致样式失效错乱问题

问题：在spring boot项目中使用th:each来遍历数据，结果出来的样式与之前手动填充数据的样式不同。

正确样式：

正确代码：

<dl class="fly-panel-main">
    <dd th:each="friendLinks:${friendLink}">
       <a th:href="${friendLinks.link}" th:text="${friendLinks.name}"></a>
     </dd>
</dl>

 

错误样式：

错误代码：

<dl class="fly-panel-main" th:each="friendLinks:${friendLink}">
    <dd>
       <a th:href="${friendLinks.link}" th:text="${friendLinks.name}"></a>
     </dd>
</dl>

原因：由于自己没有理解好th:each的用法，以为需要将th:each放在需要便利的容器的父容器中，然后子容器用其中的数据遍历，实际上th:each本身的容器就会遍历一遍，导致出现很多个同样样式的父容器，导致样式混乱。