水平显示可滚动的列表

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>