费用定额侧栏文字过长换行问题

css/style.css

@@ -279,6 +279,20 @@ body{
 .nav-list li.active .badge{
   background:#207fd1
 }
+.nav-list li span.title{
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  width:120px;
+  overflow: hidden;
+  display: inline-block;
+}
+.nav-list li span.text-muted{
+  position: absolute;
+  right: 0;
+  top:0;
+  text-align: right;
+
+}
 /*内容区*/
 .c-header {
   padding:0 0 5px

version.html

@@ -56,8 +56,8 @@
 				<div class="scrollbar-auto">
 					<div class="nav-box">
 						<ul class="nav-list list-unstyled">
-							<li class="active"><a><span>重庆2018</span><span class="text-muted">（未发布）</span></a></li>
-							<li><a><span>广东2017</span></a></li>
+							<li class="active"><a><span class="title">重庆222222定额2018</span><span class="text-muted">（未发布）</span></a></li>
+							<li><a><span class="title">广东定额2017</span></a></li>
 						</ul>
 					</div>
 				</div>