Июль 2025 года

Перенаправление: ЦП:Ф

Добро пожаловать на форум

Данная страница используется для обсуждения технических и организационных вопросов Циклопедии.

Вы можете написать на общий форум, форум запросов или в обсуждение страниц.

Новости • Запросы • Страницы

< Июнь

Размер: 5,6 Кбайт

Список с колонками (анонсирую)

Я ковырялся в шаблонах и на основе некоторых сделал CSS-класс «fixcollist320» для создания списка с колонками. Колонки фиксированы по ширине (320px), но количество колонок увеличивается при изменении ширины страницы. При этом я избавился от переноса непомещающегося куска текста из одной колонки в другую, и дополнительно сделал второй уровень списка по образцу hlist, значения второго уровня идут в одну строку после первого, заключаются в скобки и разделяются точкой с запятой, с уменьшенным размером шрифта, и без переносов строки. При этом поля списка первого уровня переносятся, но можно запретить перенос, совмещая «fixcollist320» с классами «hlist-items-nowrap» (запрещает перенос всей строки) или «nowraplinks» (запрещает перенос ссылок). Класс «fixcollist320» можно добавлять к ячейкам таблицы или блокам, можно сделать шаблон на его основе.

Пример кода списка <div class="fixcollist320"> * [[Иванов Иван Иваныч]] ** слесарь ** сантехник * [[Петров Пётр Петрович]] ** водитель крана * [[Лариса Ивановна Петросянская]] ** повар ** женщина * [[Петрович]] ** местный алкоголик * [[Карл Вальтер Шмоссельхундт]] ** немец ** турист * [[Сидоров Сидор Сидорович]] ** колхозник ** тракторист * [[Вован Погоняло]] ** местный авторитет * [[Эдуард]] ** сторож * [[Максимилиан Цветочкин]] ** поэт * [[Степанида Пульхерьевна]] ** бабка * [[Фёдор Навозов]] ** ассенизатор * [[Владимир Владимирович]] ** президент </div>

CSS-код /* список с фиксированными колонками 320px */ .fixcollist320 { -webkit-column-width:320px; -moz-column-width:320px; column-width:320px; -webkit-column-gap:0; -moz-column-gap:0; column-gap:0; padding:2px .5em; display:block; } .fixcollist320 > ul, .fixcollist320 > ul > li > ul { list-style-image:none; list-style-type:none; margin:0; } .fixcollist320 > ul > li { text-overflow:ellipsis; overflow:hidden; max-width:100%; } .fixcollist320 > ul > li > ul, .fixcollist320 > ul > li > ul > li {display:inline;} .fixcollist320 > ul > li > ul {white-space:nowrap;font-size:90%;} .fixcollist320 > ul > li > ul > li:first-child:before {content:" (\200A";} .fixcollist320 > ul > li > ul > li:after {content:"; ";} .fixcollist320 > ul > li > ul > li:last-child:after {content:"\200A)";}

Как выглядит (попробуйте поизменять ширину окна)

• Иванов Иван Иваныч
  • слесарь
  • сантехник
• Петров Пётр Петрович
  • водитель крана
• Лариса Ивановна Петросянская
  • повар
  • женщина
• Петрович
  • местный алкоголик
• Карл Вальтер Шмоссельхундт
  • немец
  • турист
• Сидоров Сидор Сидорович
  • колхозник
  • тракторист
• Вован Погоняло
  • местный авторитет
• Эдуард
  • сторож
• Максимилиан Цветочкин
  • поэт
• Степанида Пульхерьевна
  • бабка
• Фёдор Навозов
  • ассенизатор
• Владимир Владимирович
  • президент

С добавлением hlist-items-nowrap

• Иванов Иван Иваныч
  • слесарь
  • сантехник
• Петров Пётр Петрович
  • водитель крана
• Лариса Ивановна Петросянская
  • повар
  • женщина
• Петрович
  • местный алкоголик
• Карл Вальтер Шмоссельхундт
  • немец
  • турист
• Сидоров Сидор Сидорович
  • колхозник
  • тракторист
• Вован Погоняло
  • местный авторитет
• Эдуард
  • сторож
• Максимилиан Цветочкин
  • поэт
• Степанида Пульхерьевна
  • бабка
• Фёдор Навозов
  • ассенизатор
• Владимир Владимирович
  • президент

 — Константин П.  06:11, 1 июля 2025 (UTC)