如果未设置位置ID，则创建空div

Question

我正在尝试循环使用3x3网格，顶行为1,2,3等，这样您就可以将图片添加到网格上的一个空格中，并将其存储在本地数据库中。当我输出我的数据时，我正在使用Razor来获取列表中的所有内容。像这样：

@foreach (var pref in Model.userPref)
{
    var title = @pref.title.ToLower().Replace(" ", "-");

    <div class="favourite-app" data-position="@pref.position_id" data-appid="@pref.app_id"><a href="@pref.url" class="@title" target="_blank">@pref.title</a></div> 
}

现在我遇到的问题是只输出数据库中的内容，我无法将其添加到图片周围的空div中。我试图在它周围加一个for循环并计算到9并制作一个if语句但是我没有运气，它只是输出每个应用程序中的9个。