Question

我在Jquery Mobile中添加了2个带文字的按钮，每个按钮占据了屏幕的一半（水平）。

<div>
    <a href="index.html" data-role="button" style="float:right;width:40%;">text a</a>
    <a href="index.html" data-role="button" style="float:left;width:40%;">text b,text b</a> 
</div>

当按钮中的文字是长文本时，我得到一个按钮，其中包含部分文字：

＆＃34;文字b，te ...＆＃34;

如何强制按钮更改按钮高度或折线，以便文本适合重量按钮，所有文本都会显示。

Answer 1

对于jQM 1.4，您只需将CSS中的white-space：normal应用于锚元素：

<div class="ui-grid-a">
  <div class="ui-block-a"><a href="index.html" data-role="button" >text a</a></div>
  <div class="ui-block-b"><a href="index.html" data-role="button" >text b,text b</a>   </div>
</div>  

a {
    white-space: normal !important;
}

jQM 1.4 DEMO

对于jQM 1.3，CSS适用于锚点的.ui-btn-inner范围：

a .ui-btn-inner {
    white-space: normal !important;
}

jQM 1.3 DEMO

Jquery Mobile按钮中的换行符不适合按钮高度

1 个答案: