在JqueryMobile Ui中我们是显示选项卡。在该选项卡中有多个单词。我想显示多行。 如何使用css
在锚标签中显示多行
#ui-id-1{
border-top-left-radius: 11px;
border-bottom-left-radius: 10px;
margin-left: 2px;
font-size: 15px;
font-weight: bold;
margin-bottom: 1px;
}
#ui-id-2{
font-weight: bold;
font-size: 15px;
margin-bottom: 1px;
}
#ui-id-3{
font-weight: bold;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
margin-right: 0px;
font-size: 15px;
margin-bottom: 1px;
}
<div data-role="tabs">
<div data-role="navbar" class="nav-tabs">
<ul>
<li class="ui-state-active">
<a class="ui-btn-active" href="#one" data-theme="a" data-ajax="false" id="ui-id-1">Basic</a>
</li>
<li >
<a href="#two" data-theme="a" data-ajax="false" id="ui-id-2"> <small>BEST BUY</small><br>Premium </a>
</li>
<li>
<a href="#three" data-theme="a" data-ajax="false" id="ui-id-3">Premium Plus</a>
</li>
</ul>
</div>
</div>