0

私は今、5秒かかるはずの何かを見つけようとして数時間を費やしました。MVC のカミソリ エンジンを使用して、foreach ステートメントを呼び出してループし、html コンテンツをビュー (cshtml) にロードします。スクロールバーによるデフォルトの垂直ロードではなく、水平スクロールバーで水平に移動するだけでコンテンツを表示する必要があります。私は文字通りすべてを試しましたが、 foreach ステートメントの下で単純な html コードを作成しようとすると、コンテンツを作成するための css が機能しないことがわかりました。これが考えられる理由と、このバグを修正するために何ができるかについてのアイデア。

このコードが現在行っていることは、foreach ステートメントで 2 つの div を取り、すべて 1 行を配置しますが、コレクション内の 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 に答える