1

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

4

1 回答 1

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/

​</p>

于 2012-12-06T09:51:03.257 回答