在Jquery Mobile中的換行按鈕不適合按鈕高度

我在Jquery Mobile中添加了2個按鈕和文本，每個按鈕都佔用屏幕的一半（水平）。在Jquery Mobile中的換行按鈕不適合按鈕高度

<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>

當在按鈕上的文字是長文，我得到一個按鈕與文字像的一部分：

「文本B，TE ......」

哪有我強制按鈕更改按鈕高度或折線，以便文本適合重量按鈕，並可看到所有文本。

來源

2014-05-11 Dima

你能提供鏈接或的jsfiddle？ –

它恰好就是這些代碼行，不適合按鈕寬度的文本被剪切。 – Dima

哪個版本的jQM，1.3.x或1.4.x？ – ezanker

對於JQM 1.4你可以申請空白：正常CSS在錨元素：

<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-內部跨度：

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

JQM 1.3 DEMO

來源

2014-05-11 18:50:14 ezanker

在Jquery Mobile中的換行按鈕不適合按鈕高度

回答

相關問題