如何在标签jquerymobile中显示多行

时间:2016-05-25 09:01:04

标签: css jquery-mobile tabs

在JqueryMobile Ui中我们是显示选项卡。在该选项卡中有多个单词。我想显示多行。 如何使用css

在锚标签中显示多行

Error screen shot

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

0 个答案:

没有答案