Build in Public · AI · Indie Hacking
通过设置 display: inline-block; 并添加少量的内补(padding),将所有元素放置于同一行。
display: inline-block;
语法:
<ul class="list-inline"> <li>...</li> </ul>
案例:
<ul class="list-inline"> <li>Lorem ipsum</li> <li>Phasellus iaculis</li> <li>Nulla volutpat</li> </ul>
运行结果: