beamofsoul
2017-02-08 06:35
采纳率: 50%
浏览 7.6k
已采纳

CSS 怎么把两个A标签在同一位置(列)，上下排列？

RT!
使用了AmazeUI的两个icon，想做排序按钮，但是不知道怎么让两个位置在同一列，也就是上下对齐，请高手帮忙！

var column = ' <a href="##" class="am-icon-sort-asc"></a><a href="##" class="am-icon-sort-desc"></a>';

现在的页面

先谢啦！
————————————————————————————————————

<div style="text-align: center;height: 40px;border: 1px solid blue;">
    <a href="##1" class="am-icon-sort-asc" style="border:1px solid green;display: inline-block; height: 50%;width: 12px;"></a>
    <a href="##2" class="am-icon-sort-desc" style="border:1px solid red;display: inline-block; height: 50%;width: 12px;"></a>
</div>

如上代码

  • 写回答
  • 好问题 提建议
  • 关注问题
  • 收藏
  • 邀请回答

5条回答 默认 最新

  • 当作看不见 2017-02-09 05:30
    已采纳 
            <div style="text-align: center;height: 40px;width:20px; border: 1px solid blue;">
            <a href="##1" class="am-icon-sort-asc" style="background-color: salmon;display:block; height: 50%;width: 12px;">1</a>
            <a href="##2" class="am-icon-sort-desc" style="background-color: aqua;display:block; height: 50%;width: 12px;">1</a>
        </div>
    已采纳该答案
    评论
    解决 无用
    打赏 举报
  • 当作看不见 2017-02-08 07:03

    对其中一个设置一下央视（这里一下面的那个icon 举例）
    position：relative；
    left:-5px;
    应该就实现了

    评论
    解决 无用
    打赏 举报
  • lxtlog 2017-02-08 07:52

    也可以对下面的那个icon加
    position：relative；
    left:5px;

    评论
    解决 无用
    打赏 举报

  • fontawesome图标库里有一个 fa-sort刚好对齐的

    评论
    解决 无用
    打赏 举报
  • sanluo11 2017-02-09 01:53

    FontAwesome里面有这个图标http://www.yeahzan.com/fa/faps.html

    评论
    解决 无用
    打赏 举报

报告相同问题？

提交

相关推荐 更多相似问题