0

我现在花了几个小时试图找出需要 5 秒才能完成的事情。使用 MVC 的 razor 引擎，我调用了一个 foreach 语句来循环并在我的视图（cshtml）中加载我的 html 内容。我需要仅使用水平滚动条查看我的内容，而不是使用滚动条进行默认垂直加载。我已经尝试了一切，我发现当我尝试在 foreach 语句下制作简单的 html 代码时，我的 css 来制作内容不起作用，否则它会正常工作。关于为什么会这样以及可以做些什么来修复这个错误的任何想法。

这段代码目前正在做的是它将在 foreach 语句中使用两个 div 并将所有一行放入，但是对于集合中的 foreach 项目（每个 div）它将跳过一行。不知道为什么。

<div class="container-scroll">


    @foreach (var item in Model)
    {
        <div style="display:inline-block !important;">dddddkklas;dlkfjlksjdlfklskdjflksjdlkflskdjflksjdfsdfsdfsdfsdfsdfs555555555555555555</div>
        <div style="display:inline-block !important;">lkjslkdj5555555555555444444444444444</div>
    }
</div>

.container-scroll {
    width: auto;
    min-width: 0px; 
    overflow-x: scroll; 
    position: relative;
    min-height: 100%;
 }
4

1 回答 1

2

尝试添加white-space: nowrap;到您的.container-scroll课程中。

于 2012-11-25T01:58:44.110 回答