Июль 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)