Когда я делаю переполнение-x, скрытое в li в простых лицах, я получаю странный артефакт, что это и почему?

Question

Когда я делаю переполнение-x, скрытое в li в простых лицах, я получаю странный артефакт, что это и почему?

0

Как я могу сделать длинные обертывания предметов?

Я добавил следующий css:

li.ui-selectlistbox-item {
    text-overflow: ellipsis;
}

Это дало мне следующий результат:

Затем я попробовал:

li.ui-selectlistbox-item {
    text-overflow: ellipsis;
    white-space: nowrap;
}

Это дало мне следующий результат:

Затем я попробовал:

li.ui-selectlistbox-item {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-x: hidden;
}

Это дало мне следующий результат:

Последняя версия css дает мне по существу то, что я хочу, но она вводит серые квадратики в конце каждой строки значений. Что это за коробки? Откуда они взялись? почему они там? как я могу избавиться от них?

Roberto Murphy 14 фев. 2014, в 20:35

Источник

0

Не могли бы вы дать JSFiddle?
PixelAcorn 14 фев. 2014, в 19:19
0

@ Джексон Я не могу, потому что выполнение чистого, простого html5 ul не демонстрирует проблему. Что-то связанное с тем, как Primefaces создает html или CSS-файлы, включенные в Primefaces, вызывает проблему, я отправляю вопрос, потому что я не смог воссоздать проблему за пределами Primefaces и не смог получить желаемый результат в Primefaces.
Roberto Murphy 14 фев. 2014, в 19:24
0

Хорошо .. Я понял ..
PixelAcorn 14 фев. 2014, в 19:27

Показать ещё 1 комментарий

Теги:

jquery

html

css

jsf

primefaces

1 ответ

Ещё вопросы

@ Джексон Я не могу, потому что выполнение чистого, простого html5 ul не демонстрирует проблему. Что-то связанное с тем, как Primefaces создает html или CSS-файлы, включенные в Primefaces, вызывает проблему, я отправляю вопрос, потому что я не смог воссоздать проблему за пределами Primefaces и не смог получить желаемый результат в Primefaces.

Marcel · Accepted Answer · 2014-02-14T17-13-00.000Z

Серые прямоугольники - это крошечные полосы прокрутки в каждом ли. Попробуйте сделать это с overflow: hidden

li.ui-selectlistbox-item {
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
}

Спасибо @Marcel, который весел, вертикальная полоса прокрутки. Я приму ваш ответ, как только он позволит мне. Я бы никогда не догадался об этом.
@RobertoMurphy Моя справедливая доля подобных вещей происходила сама, все дело в нажатии на нужное место :)