Автоматический резиновый шеврон
Всё довольно просто, только CSS и HTML, хотя HTML в итоге получается ужасающим.
Суть такова: в попап по «ещё» автоматически помещаются все пункты, которые не поместились в одну строчку по ширине, при этом заранее неизвестно ни количество элементов, ни их ширина, ни ширина родителя.
Lorem ipsumDolor sitAmet consecteturAdipisicing aelitSed doEiusmod temporIncididunt utLabore etDolore magnaAliqua utEnim adMinim veniamQuis nostrudExercitation ullamcoLaboris nisiUt aliquipEx eaCommodo consequatDuis auteIrure dolorIn reprehenderitIn voluptateVelit esseCillum doloreEu fugiatNulla pariatur
Поизменяйте размер окна для демонстрации работы шеврона. Работоспособность проверял только в современных !IE браузерах.
Думаю, не стоит особо объяснять почему такое лучше делать при помощи яваскрипта, но данный пример, как и многие мои другие эксперименты, создавался, скорее, как proof of concept и исследование возможностей применения разных селекторов и их сочетаний.
Скоро будет больше примеров подобных шевронов на основе этого концепта.