在jquery移动页脚导航中更改填充,边距和字体大小

时间:2012-12-05 22:52:47

标签: jquery-mobile navigation

我正在尝试调整我在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

1 个答案:

答案 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/