如何放置两个<a> tags side by side within a JSP

Question

How do I align two <a> tags which include a list to show side by side on my JSP? Even when they are not within a <div>.

Answer 1

默认情况下，列表为display: block。所以他们会生成块框。

有多种方法将它们并排放置，但通常的方法是将它们显示为内联块。

由于您希望链接环绕它们，因此请将链接显示为内联框。

＆＃13;

＆＃13;

a { display: inline-block; }

＆＃13;

<a href="http://example.com">
  <ul>
    <li>Alice</li>
    <li>Bob</li>
  </ul>
</a>

<a href="http://example.com">
  <ul>
    <li>Alice</li>
    <li>Bob</li>
  </ul>
</a>

＆＃13;

＆＃13;

＆＃13;

您从JSP生成HTML的事实无关紧要。浏览器只能看到客户端代码。