freemarker两个无序列表并排

你可以使用CSS的`display: flex`属性来实现两个无序列表的并排显示。以下是一个使用Freemarker模板和CSS实现的示例代码：

<#assign list1 = ["Item 1", "Item 2", "Item 3"]>
<#assign list2 = ["Item A", "Item B", "Item C"]>

<ul class="list-container">
  <#list list1 as item>
    <li>${item}</li>
  </#list>
</ul>

<ul class="list-container">
  <#list list2 as item>
    <li>${item}</li>
  </#list>
</ul>

<style>
  .list-container {
    display: flex;
    flex-direction: row;
    list-style: none;
    padding: 0;
    margin: 0;
  }

  .list-container li {
    margin: 0 10px;
  }
</style>

在上面的代码中，我们首先定义了两个无序列表`list1`和`list2`，然后分别通过`<ul>`和`<li>`标签在模板中渲染它们。接下来，我们使用CSS的`display: flex`属性将这两个列表并排显示，通过`flex-direction: row`设置它们在同一行，通过`list-style: none`去除默认的列表样式，并通过`margin`属性设置列表项之间的间距。