标题按钮中的中心文本

Question

我有这样的事情：

如何制作与符号高度相同的文字？

退出和收藏应该在“X”按钮旁边。

一些代码：

HTML：

<div  data-role="page" data-hash="false" id="companyPage" >
        <div data-role="header" data-position="fixed" data-theme="a">
            <h1>&nbsp;</h1>
            <a onclick="logout()"  data-role="button"  data-transition="none" data-icon="delete">Logout</a>
            <a id="favpage"  onclick="getfav()" data-role="button" data-transition="none" data-icon="star">Fav</a>
        </div>
        <!-- /header -->

        <div data-role="content">
            <ul data-transition="none" data-role="listview" data-filter="true" id="companies" data-inset="true" data-filter-placeholder="Search Company..." data-split-icon="gear" data-split-theme="d" data-filter-theme="d" data-divider-theme="b">
            </ul>
        </div>
        <!-- /content -->
</div>

CSS：

.ui-header .ui-btn-inner  { font-size: 14px;  height:35px; padding: .6em 10px; min-width: .75em; }

Answer 1

您可以更改文本的行高以匹配按钮的高度。

如果按钮高30px，并且文本位于a元素中，那么您的CSS将是：

a {
    height: 30px;
    line-height: 30px;
    display: block;
}

Answer 2

如果这是按钮的css，那么：

.ui-header .ui-btn-inner  { 
        font-size: 14px;  
        height:35px; 
        padding: .6em 10px; /* here .6em = 12px */
        line-height:47px;
        min-width: .75em; 
}

因此您可以将line-height值应用于此12px+height 47px

Answer 3

据我所知，你的图标定义了按钮的高度。如果是真的，您应该将文本高度定义为等于图标，然后将vertical-align设置为middle。