水平显示可滚动的列表

Question

这是我的局部视图

@foreach (var user in Model)
{
<ul class="menu">
<li >
@user.UserName
</li>
</ul>
}

这是我的css:

ul {
list-style: none;

}

ul li::before {
content: "2022";
color: forestgreen;

}


li {
display:inline;
}

垂直显示。我也尝试过overflow-x，但无济于事。请给我指个正确的方向。

Answer 1

我认为foreach循环应该在<ul>元素内。

<ul class="menu">
@foreach (var user in Model)
{
<li >
@user.UserName
</li>
}
</ul>