Jquery mobile 如何阻止jquerymobile截断标签中的文本?

Jquery mobile 如何阻止jquerymobile截断标签中的文本?,jquery-mobile,truncation,Jquery Mobile,Truncation,我在jquerymobile的.NETMVC4中运行了这个页面 <div data-role="header" data-theme="b" data-position="fixed"> <h3 style="color:white;"> Name </h3> <a href="#" data_icon="back"> Back </a> <div data-role="fie

我在jquerymobile的.NETMVC4中运行了这个页面

<div data-role="header" data-theme="b" data-position="fixed">
     <h3 style="color:white;">
            Name
    </h3>
 <a href="#" data_icon="back"> Back </a>

    <div data-role="fieldcontain" class="test_row">
        <fieldset data-role="controlgroup" data-type="horizontal" class="test_row">
            <input id="radio3" name="testType" value="2" type="radio" checked="checked" class="test_type">
            <label for="radio3" class="test_type">All tests</label>
            <input id="radio1" name="testType" value="0" type="radio" class="test_type">
            <label id="test_type_label" for="radio1" class="test_type" >Automated</label>     
            <input id="radio2" name="testType" value="1" type="radio" class="test_type">
            <label for="radio2" class="test_type">Manual</label>
        </fieldset>
    </div>
</div>
http://jsfiddle.net/ruds5/jsfiddle

调整结果大小时,中间的单词(自动)将被截断为较短的形式,末尾带有“…”


有没有可能防止单词末尾的截断?

根据更新的问题,下面是解决方案。文本样式用with class
.ui btn inner
包装,按钮文本样式如下所示

span.ui-btn-inner {
 white-space: nowrap !important;
 overflow: visible !important;
}

根据更新的问题,以下是解决方案。文本样式用with class
.ui btn inner
包装,按钮文本样式如下所示

span.ui-btn-inner {
 white-space: nowrap !important;
 overflow: visible !important;
}

Omar在以前版本的Jquery mobile中是正确的。但对于1.4.1版,没有更多的跨度,请使用:

.ui-btn-inline {
  white-space: nowrap !important;
  overflow: visible !important;
}

Omar在Jquery mobile的早期版本中是正确的。但对于1.4.1版,没有更多的跨度,请使用:

.ui-btn-inline {
  white-space: nowrap !important;
  overflow: visible !important;
}

请将代码发布在这里,而不仅仅是在fiddle上。请将代码发布在这里,而不仅仅是在fiddle上。我遇到过类似的解决方案,但它在我之前发布的JSFIDLE中没有任何效果。@PavolCeluch感谢更新,我很快会给你一个答案。我遇到过类似的解决方案,但在我之前发布的JSFIDLE中没有效果。@PavolCeluch感谢更新,我很快会给你一个答案。