LI Bullet与UL中的第二行对齐。为什么以及如何纠正它?

时间:2015-09-23 16:27:11

标签: html css

我的UL列表存在问题,包含(目前)2个链接。 如下图所示,每当浏览器窗口宽度低于约。 1340 px,列表太窄,无法在一行显示链接。问题是子弹与第二行对齐,而不是与第一行对齐。

由于我无法发布图像,我将尝试用ASCII进行说明。

预期渲染:

  • Link 1 short
  • 链接2也有点 长

我得到了什么:

  • 链接1短

    链接2有点

您可以在http://014.0d8.myftpupload.com/abonner-infolettre/

页脚的第三列中看到它(网站已暂存)

任何人都有线索?

2 个答案:

答案 0 :(得分:2)

标记为重复关闭,但这是您的解决方案:

.widget ul li a, .widget ol li a {
    ...
    vertical-align: text-top;
}

答案 1 :(得分:0)

问题出在a标记中,即内联块。有两种不同的解决方案,但以相同的方式:

  .widget ul li a, .widget ol li a {
       display: inline;
   }

  .widget ul li a, .widget ol li a {
       vertical-align:top
  }

你可以测试它,两者都有效。