程序员最近都爱上了这个网站  程序员们快来瞅瞅吧!  it98k网:it98k.com

本站消息

站长简介/公众号

  出租广告位,需要合作请联系站长


+关注
已关注

分类  

暂无分类

标签  

暂无标签

日期归档  

暂无数据

插入3个项目后无法在html中插入新行

发布于2022-09-28 09:48     阅读(60)     评论(0)     点赞(15)     收藏(4)


我想显示一个包含 50 个图像的页面。我想连续显示每 3 张图像

我所做的是:

@{
    ViewBag.Title = "Images";
}
@{int i = 0;}
<table>
@foreach(var oneImage in Model){
    <a href="ShowOneImage/?imageID=@oneImage.ID">
                <img  class="rollover_img" src ="data:image;base64,@System.Convert.ToBase64String((byte[]) oneImage.image)" />
     </a>
    {i++;}
    if (i % 3 == 0) {     
        <p></p>
    }
}
</table>

但是,我得到了这个结果: 在此处输入图像描述

请注意,尽管我制作了第四张图片,但第二行没有对齐<p></p>

请问我做错了什么?


解决方案


您正在尝试将链接和段落放置在表格中。那是无效的 HTML,没有浏览器会生成这样的元素。不同的浏览器会以不同的方式做出反应,例如为您创建表格行和表格单元格,或者将元素移到表格之外。

删除表格标签,或为内容生成表格行和表格单元格:

@{int i = 0;}
<table>
<tr>
@foreach(var oneImage in Model){
    <td><a href="ShowOneImage/?imageID=@oneImage.ID">
                <img  class="rollover_img" src ="data:image;base64,@System.Convert.ToBase64String((byte[]) oneImage.image)" />
     </a></td>
    {i++;}
    if (i % 3 == 0) {     
        </tr><tr>
    }
}
</tr>
</table>



所属网站分类: 技术文章 > 问答

作者:黑洞官方问答小能手

链接:http://www.qianduanheidong.com/blog/article/428932/94107e1ece65e7bd3eb8/

来源:前端黑洞网

任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任

15 0
收藏该文
已收藏

评论内容:(最多支持255个字符)