我有一个项目列表,它将占用两行或更多。
当它超过div的宽度时,它会换到下一行,就像下面的例子。
如何使第二行与Item1对齐,并能够响应式处理?
ul li {
display: inline-block;
}
<ul>
<li><strong>List of items:</strong></li>
<li><a href="#">Item1</a></li>
<li><a href="#">Item2</a></li>
<li><a href="#">Item3</a></li>
<li><a href="#">Item4</a></li>
<li><a href="#">Item5</a></li>
<li><a href="#">Item6</a></li>
<li><a href="#">Item7</a></li>
</ul>
List of items:
移到列表外面,我认为你会发现问题更容易解决(并且解决方案更语义化)。 - stealththeninja<table>
标签。第一个单元格将是文本“项目行”。第二个单元格将是列表项。 - AskYous<table>
。 - ksav