jquery - jQuery UI Tabs - 标签栏的底部

Question

我想在我的标签栏中包含一个徽标图像，但这会导致标签不在标签栏的底部。这是我正在使用的代码：

<div id="tabs">
  <div id="logo">
    <img src="./img/logo.png">
  </div>
  <ul>
    <li><a href="./dashboard.html">Dashboard</a></li>
    <li><a href="./eventlog.html">Event Log</a></li>
    <li><a href="#">Reports</a></li>
    <li><a href="#">Management</a></li>
  </ul>
</div>

我附上它目前的样子的截图：

Answer 1

尝试添加新行（我的意思是<br />）：

<div id="tabs">
  <div id="logo">
    <img src="./img/logo.png">
  </div>
  <br />
  <ul>
    <li><a href="./dashboard.html">Dashboard</a></li>
    <li><a href="./eventlog.html">Event Log</a></li>
    <li><a href="#">Reports</a></li>
    <li><a href="#">Management</a></li>
  </ul>
</div>

或者标签栏和徽标不应该<div>像这样：

<div id="logo">
  <img src="./img/logo.png">
</div>
<div id="tabs">
  <ul>
    <li><a href="./dashboard.html">Dashboard</a></li>
    <li><a href="./eventlog.html">Event Log</a></li>
    <li><a href="#">Reports</a></li>
    <li><a href="#">Management</a></li>
  </ul>
</div>

Answer 2

制作<li>logo的高度，并margin-top用图片的高度和图片的高度之差设置a <li>。