Блог

Главная - Вопросы по программированию - Перекрытие текста на моей боковой панели

Перекрытие текста на моей боковой панели

#jquery #html #css #angularjs

#jquery #HTML #css #angularjs

Вопрос:

Я испытываю странный сбой, я вижу перекрытие текста на моей боковой панели. Прикрепленное изображение, перекрывающее текст, ссылка на изображение

Я не уверен, как это происходит, и я пытался это выяснить. Перекрытие отсутствует при наведении курсора мыши на элемент. Вот мой 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 -->

Любые предложения будут с благодарностью приняты.

Комментарии:

1. Можем ли мы увидеть вашу таблицу стилей?

2. Похоже, что это текст первой записи, который разбит на вторую строку («Южная Америка). Нам понадобится CSS, чтобы выяснить, что не так — похоже, фиксированная высота для отдельных записей / li тегов

3. Я предполагаю, что вы используете фиксированную высоту с соответствующей высотой строки, и текст переносится на следующую строку.

4. Вау, большое спасибо, у меня есть боковая панель фиксированной ширины, из-за переполнения имени там отображается остальной текст. Был на этом так долго, спасибо!!

5. @johannes уверен, что я сделал.

Ответ №1:

Похоже, что это текст первой записи, который разбит на вторую строку («Южная Америка).

Нам понадобится CSS, чтобы выяснить, что не так — возможно, фиксированная высота для отдельных записей / li тегов