- From: AmeroHan via GitHub <noreply@w3.org>
- Date: Mon, 10 Nov 2025 13:08:02 +0000
- To: public-i18n-archive@w3.org
Only the requirement that "if the name is too long, the subsequent names start from the next column" is unable to implement using HTML and CSS.
```css
.roster {
display: grid;
grid-template-columns: repeat(3, 3ic);
gap: 0.5ic 1ic;
padding: 0;
margin: 2ic;
li {
display: block;
text-align-last: justify;
background-color: aquamarine;
}
}
```
```html
<ul class="roster">
<li>李明</li>
<li>孙墨轩</li>
<li>刘梦琪</li>
<li>休伯特·布莱因</li>
<li>赵琪</li>
<li>张伟强</li>
<li>张晨光</li>
<li>刘梦琪</li>
<li>林小雨</li>
<li>李思宇</li>
<li>陈子轩</li>
<li>钱欣然</li>
<li>王浩然</li>
<li>赵雨欣</li>
</ul>
```
<img width="389" height="399" alt="Image" src="https://github.com/user-attachments/assets/859901de-8d55-4138-bded-5af1298685e5" />
--
GitHub Notification of comment by AmeroHan
Please view or discuss this issue at https://github.com/w3c/clreq/issues/268#issuecomment-3511541772 using your GitHub account
--
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Monday, 10 November 2025 13:08:03 UTC