在我的邊欄中重疊的文字

我遇到了一個奇怪的小故障，我在側邊欄中看到文字重疊。圖片附加overlapping text image link 在我的邊欄中重疊的文字

我不知道這是怎麼發生的，我一直在想出來。當我將鼠標懸停在項目上時，重疊不存在。這裏是我的側邊欄的HTML

<!-- Sidebar Menu --> 
<div ng-controller="SidebarController"> 
<ul class="nav sidebar-menu" ng-repeat="comp in competition track by $index" id="rcs-menu-item"> 
    <li ui-sref-active="active" > 
     <a href="javascript:void(0)" id="{{comp.competitionID}}" ng-click="getTeams(comp.competitionID, comp.Name, comp.calenderID, comp.customName)"> 
      <i class="menu-icon fa fa-soccer-ball-o"></i> 
      <span class="menu-text">{{comp.Name}}</span> 
     </a> 
    </li> 
    </ul> 
</div> 
<!-- /Sidebar Menu -->

任何意見將不勝感激。

來源

2016-09-29 inhaler

我們可以看到您的樣式表嗎？ – RamenChef

似乎這是第一個條目的文本，它被分爲第二行（「南美洲」）。我們需要CSS來找出什麼是錯的 - 看起來像個固定高度的單個條目/'li'標籤 – Johannes

我對你的猜測是使用一個固定的高度，線條高度匹配並且文本包裹到下一行。 – hungerstar

好像這是第一個條目，它被分爲第二行（「南美）的文本

我們會需要的CSS找出什麼是錯的 - 可能是一個固定的高度爲個人條目/ li標籤

來源

2016-09-29 19:34:01 Johannes

在我的邊欄中重疊的文字

回答

相關問題