我有一个简单的 jquery 移动页面,在控制组中有 3 个按钮。我希望它们出现在一行上,而不是换行到下一行。我玩过 css,尤其是字体大小,所以它看起来不错而不会太小,但我无法调整它的大小/缩小以使其适合一行。以下是它在 Galazy 3 上的垂直外观:
和水平:
这是我的代码:
<div id="w_home" data-role="controlgroup" data-type="horizontal">
<a href="" data-role="button" data-icon="arrow-l" data-iconpos="notext" id="prev"></a>
<a href="" data-role="button" id="today"></a>
<a href="" data-role="button" data-icon="arrow-r" data-iconpos="notext" data-inline="true" id="next"></a>
</div>
中的文本#today
是使用 date.js 动态设置的。
另外,挑剔,为什么#today
按钮的高度比其他两个短一个像素?
PS 这是小提琴,但没有 date.js 将无法工作