Question

我正在尝试创建这样的布局

Title               'up icon'  
                    'down icon'

向上图标和向下图标都是链接。我需要他们所有人都是垂直中心。

这是我的HTML

在标签内。

 <th>
      <div>Title</div>
      <a href="#" onclick="sortup()">
            <span><img src=="up.png"/></span>
      </a>
      <a href="#" onclick="sortdown()">
            <span><img src=="down.png"/></span>
      </a>
  </th>

目前布局就像

Title     'up icon' 'down icon'

如何进入

Title               'up icon'  
                    'down icon'

标题和图标需要垂直对齐到中间，而不是在这里对齐。

非常感谢！

Answer 1

或者只是在两个链接之间添加一个中断：）

<th>
      <div>Title</div>
      <a href="#" onclick="sortup()">
            <span><img src=="up.png"/></span>
      </a>
      <br>
      <a href="#" onclick="sortdown()">
            <span><img src=="down.png"/></span>
      </a>
</th>

Answer 2

将<a>元素放入divs

<th>
    <div>Title</div>
    <div>
        <a href="#" onclick="sortup()">
            <span><img src="up.png" /></span>
        </a>
    </div>
    <div>
        <a href="#" onclick="sortdown()">
            <span><img src="down.png" /></span>
        </a>
    </div>
</th>

如何使元素与中间对齐

2 个答案: