無編輯摘要 |
無編輯摘要 |
||
| 第二〇行： | 第二〇行： | ||
.horizontal { | .horizontal { | ||
writing-mode: horizontal-tb; | writing-mode: horizontal-tb; | ||
} | |||
.column-2 > ul { column-count: 2; } | |||
.column-3 > ul { column-count: 3; } | |||
.column-4 > ul { column-count: 4; } | |||
.column-5 > ul { column-count: 5; } | |||
.column-6 > ul { column-count: 6; } | |||
@media (max-width: 640px) { | |||
[class^="column-"] > ul { column-count: 2 !important; } | |||
} | } | ||
二〇二三年一二月八日 （五） 一八時一七分審
/* 此之 CSS 用於全面也 */
@font-face {
font-family: 'Noto Sans JP Punct';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/notosansjp/v52/-F62fjtqLzI2JPCgQBnw7HFowwII2lcnk-AFfrgQrvWXpdFg3KXxAMsKMbdN.119.woff2) format('woff2');
unicode-range: U+2027, U+3001-3002, U+ff0c, U+ff0e;
}
body {
font-family: 'Noto Sans JP Punct', 'Noto Sans HK', 'Noto Sans TC', 'Noto Sans JP', 'Noto Sans KR', 'Noto Sans SC', sans-serif;
font-size: 1.2em;
}
.vertical {
writing-mode: vertical-rl;
}
.horizontal {
writing-mode: horizontal-tb;
}
.column-2 > ul { column-count: 2; }
.column-3 > ul { column-count: 3; }
.column-4 > ul { column-count: 4; }
.column-5 > ul { column-count: 5; }
.column-6 > ul { column-count: 6; }
@media (max-width: 640px) {
[class^="column-"] > ul { column-count: 2 !important; }
}