jQuery Mobile多行按钮 [英] Jquery Mobile Multiline Button

问题描述

如何设置此按钮的多行显示?

How can I set this button multiline?

<a style="width:33%; display:inline-block; " href="/foos.html"  data-role="button" data-icon="arrow-l">a lot of text </a>

推荐答案

ppshein给出的上述答案不正确.它使按钮更大，但不会使按钮成为多行显示.您唯一需要做的就是添加以下CSS:

The above answer given by ppshein is incorrect. It makes a bigger button but doesn't make the button multilined. The only thing you need to do is add the following css:

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

它同时适用于按钮和输入标签.

It works both for button and input tags.

顺便说一句，IE浏览器存在一个错误:按钮中的文本不可单击.该修补程序位于github:

Btw there's a bug for IE: the text in the button isn't clickable. The fix is found at github:

https://github.com/timmywil/jquery-mobile/commit/59a4946d776e9b1f6a75e12eb125

这篇关于jQuery Mobile多行按钮的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！