我正在尝试调整我在jquery移动页脚中的某些按钮中的填充和/或边距和/或字体大小,以创建更多不动产。
目前,按钮内部似乎有一些填充物,我可以挤得更紧,它会给我一些空间,可以在其中包含更多文字。
这是我用来创建导航的内容:
<div data-theme="a" data-role="footer" data-position="fixed" class="ui-bar">
<div data-role="controlgroup" data-type="horizontal">
<a href="/home/howworks" data-transition="fade" data-theme="a" data-icon="">
How This Works
</a>
<a href="/home/privacypolicy" data-transition="fade" data-theme="a" data-icon="">
Privacy
</a>
<a href="/home/termsandconditions" data-transition="fade" data-theme="a" data-icon="">
Conditions
</a>
</div>
</div>
如果可能的话,我希望能够投入一两种风格并创造更多空间。
TIA
答案 0 :(得分:3)
不确定你究竟是在追求什么,但可能就是这样:
.ui-footer .ui-btn-inner {
padding: 1px !important;
}
.ui-footer .ui-btn-text {
font-size: 10px;
padding: 5px;
}
如果您愿意,请尝试使用JS-fiddle:http://jsfiddle.net/g6QH5/