html - 有没有办法在C#MVC中渲染两个局部 View ，使它们在单个 View 中并排出现？

我对C＃MVC有点陌生，并且在我的解决方案中一直使用局部视图。当我在单个视图中呈现两个或多个局部视图时，我看到它们从上到下呈现（呈现时，它们出现在下一个页面的顶部），这是我所期望的。

有没有一种方法可以指定部分视图以并排或网格方式呈现？我问，因为有很多空白，所以将部分局部视图中的内容放置在此空白中是理想的。

最佳答案

例子1

您可以将部分视图包装在某些div元素中并将其设置为display: inline-block，这将使它们并排显示。

CSS样式：

div.sidebyside { display: inline-block; vertical-align: top; }

视图：

<div class="sidebyside">@Render.Partial(...)</div>
<div class="sidebyside">@Render.Partial(...)</div>

例子2

您可以将div排列成表格布局：

CSS样式：

div.table { display: table; }
div.row { display: table-row; }
div.cell { display: table-cell; }

视图：

<div class="table">
    <div class="row">
        <div class="cell">@Render.Partial(...)</div>
        <div class="cell">@Render.Partial(...)</div>
    </div>
</div>

关于html - 有没有办法在C#MVC中渲染两个局部 View ，使它们在单个 View 中并排出现？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/33283655/