jquery - 为什么这个 "next"箭头呈现略低于 "previous"箭头的高度？

Question

我的主要问题主要是 CSS 问题。我有一个使用 CLNDR.js 的 html 模板驱动的日历，“下个月”箭头低于“上个月”，无论我做什么，我都无法通过 CSS 解决这个问题。

这是我的 fiddle :http://jsfiddle.net/y072a94e/

css 的相关部分，我相信是

#full-clndr .clndr-controls .clndr-previous-button {
  float: left;
  text-align: left;
}

#full-clndr .clndr-controls .clndr-next-button {
  float: right;
  text-align: right;  
}

但对我来说，这就是我要做的，但它不起作用，所以它一定是别的东西吗？

如果有人对 CLNDR.js 有丰富的经验，就样式而言，整个事情似乎完全是歪斜的。这是必须通过css处理的事情吗？还是我在 clndr 的配置中遗漏了什么？

Answer 1

你可以通过改变元素的顺序来解决这个问题

改变:

<div class="clndr-previous-button">&lsaquo;</div>
<div class="month"><%= month %></div>
<div class="clndr-next-button">&rsaquo;</div>

到:

<div class="clndr-next-button">&rsaquo;</div>
<div class="clndr-previous-button">&lsaquo;</div>
<div class="month"><%= month %></div>

float 元素的顺序很重要。通过首先让 float 元素，您允许随后的内容 float 并占据它们之间的空间。

jsFiddle example