Перекрытие тега списка

Question

Перекрытие тега списка

0

В настоящее время я делаю проект, в котором данные привязываются в списке, но здесь мои данные в виде списка перекрываются друг с другом. Ниже приведен короткий экран

Примечание. Первые li данные перекрывают второй. Как я могу автоматически увеличить высоту <li> отношению к длине данных?

вот мой список просмотров CSS:

.listInnerLi
{
    list-style: none;
    display: block;
    font-family: 'Gotham-Light', sans-serif;
    font-size: 0.8em;
    background: #000839;
    border-top: 1px solid rgba(255, 255, 255, 0.2); 
    min-height: 60px;
    width: 100%;
    height: auto !important;
}

Erma Isabel 19 окт. 2013, в 09:19

Источник

0

Можете ли вы предоставить ссылку? Кажется, что-то еще влияет на высоту, чего нет в CSS, который вы разместили.
Tim 19 окт. 2013, в 07:17
0

Вы пытались добавить ясно: оба; или плавать: слева;
w3bMak3r 19 окт. 2013, в 07:32
0

Можете предоставить свой HTML-код?
shyammtp 19 окт. 2013, в 07:46
0

Я думаю, что есть слово продолжения для слова, которое делает вас проблемой. используйте "перенос слов: брейк-слово;" в ваш класс
shyammtp 19 окт. 2013, в 07:50

Показать ещё 2 комментария

Теги:

jquery

html

css

2 ответа

0

Попробуй это:

<style>
   li {
       line-height:2em;
   }
</style>

GaneshPandian 19 окт. 2013, в 06:28

Ещё вопросы

Можете ли вы предоставить ссылку? Кажется, что-то еще влияет на высоту, чего нет в CSS, который вы разместили.
Вы пытались добавить ясно: оба; или плавать: слева;
Я думаю, что есть слово продолжения для слова, которое делает вас проблемой. используйте "перенос слов: брейк-слово;" в ваш класс

Amit Ranjan · Accepted Answer · 2013-10-19T06-24-00.000Z

попробуйте использовать это. Просто добавлена высота 60 пикселей и отступы 2px. И удалена авто высота.

.listInnerLi
{
    list-style: none;
    display: block;
    font-family: 'Gotham-Light', sans-serif;
    font-size: 0.8em;
    background: #000839;
    border-top: 1px solid rgba(255, 255, 255, 0.2); 
    min-height: 60px !important;
height:60px;
    width: 100%;
padding:2px;

}