C# 在razor C ASP.NET MVC中相邻显示foreach语句

我试图在我的razor视图中显示彼此相邻的博客文章

我已经设法显示了博客文章，但没有按照我希望的方式内联显示。相反，每根柱子都比另一根低

看法

谢谢你的帮助

---

最佳

内联元素不能包含块级元素。虽然从技术上讲，您可以将块级元素放在其中，但浏览器将不考虑内联元素，并假定您一定打算使用块，因为其中包含块

如果您想要一个既内联又包含块级元素的元素，请使用display:inline block。然而，请记住IE7及以下版本不支持内联块，所以如果您必须支持这些浏览器，我很遗憾，它将无法工作

然而，有一个解决办法。以下CSS将诱使IE7及以下版本以类似于内联块的方式处理元素：

要补充一点，您可以使用star hack，它只有IE7才能看到：

*display: inline;
*zoom: 1;

---

你们互相追逐是什么意思？请记住，你有一个段落的摘要文本在。。。此外，你真的有块缩进所有的方式向右方？这让你的帖子很难阅读…对此我很抱歉。我已经编辑过了。我想说的是，帖子显示在彼此下方。是的，我在一个div中有帖子的标题、日期和摘要。嗯，你有多个div元素。。。难道你不希望这些东西一个接一个地展示出来吗？也许你真的想要一个跨度？我建议您先试用纯HTML——目前这并不是关于MVC或Razor的问题。如果你能计算出你想要生成的HTML，但是你很难从MVC生成它，那么这将是一个明智的MVC问题……我已经冒昧地重新格式化了你的代码，但是因为你是新来的，请记住：我们在这里是真实的人，有着真实的生活。我们非常关心免费帮助其他开发人员，所以您至少可以花时间编写一个经过深思熟虑的问题，并使用正确格式的代码。如果你对自己的问题关心得如此之少，我们为什么要更关心呢？

 .feature {
    float: left;
    width: 33.33%;
    text-align: center;
    font-size: 14px;
    line-height: 21px;
    padding: 0 25px;
    margin: 0 0 50px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    display:inline-block;
}
#misublog {
    display:inline;
    float:left;
}

display: inline;
zoom: 1;

*display: inline;
*zoom: 1;