如何在jQM图像按钮上包装文本?

时间:2012-05-17 13:13:06

标签: jquery css jquery-ui jquery-mobile

我正在尝试在图片按钮上包装文字:

enter image description here

我收到了新文档,但我想成为

文件

#menuoptions .ui-block-a.ui-btn.ui-btn-inline.ui-btn-corner-all.ui-shadow.ui-btn-up-c {
    height: 150px;
    width: 150px;
}

#imglogo {
    display: block;
}

HTML

<a href="newdocument.html" rel="external" class="ui-block-a ui-btn ui-btn-inline ui-btn-corner-all ui-shadow ui-btn-up-c">
        <span class="ui-btn-inner ui-btn-corner-all">
        <span class="ui-btn-text">
            <img src="img/calendar.png" id="imglogo" width="75" height="75">New Document</span></span></a>

1 个答案:

答案 0 :(得分:0)

尝试:

.ui-btn-text {width: 75px; display: block;}

FIDDLE