C# iframe和图像容器代码改进MVC5

C# iframe和图像容器代码改进MVC5,c#,asp.net-mvc-5,C#,Asp.net Mvc 5,作为我第一个项目的一部分,我必须使用MVC5实现视图中的图像和视频显示。它正在工作,我对所取得的成绩感到非常满意,但是还需要进行一些改进,您建议如何改进以下代码: 要显示图片,我使用以下代码: <div style="float: none; margin: auto auto 30px auto ;height: 280px; width: 400px; "> <div id="imageContainer"> <img src="~/I

作为我第一个项目的一部分,我必须使用MVC5实现视图中的图像和视频显示。它正在工作,我对所取得的成绩感到非常满意,但是还需要进行一些改进,您建议如何改进以下代码:

要显示图片,我使用以下代码:

<div style="float: none; margin: auto auto 30px auto  ;height: 280px; width: 400px; ">
    <div id="imageContainer">
        <img src="~/Images/@Html.Raw(Model.ImagePath)"  />
    </div>
</div>
如果我提供视频链接-它工作正常,如果我没有,我有一个容器显示错误。如果没有输入,有没有办法简单地隐藏这些容器

我将向你展示我如何在一个类媒体中设置所有内容

更新

这就是我认为使用Sam的建议应该是什么样子,对吗?如果是这样,它仍然没有给出正确的结果

@if (!string.IsNullOrEmpty(b.ImagePath)) 
    { 

    }
    else
    { 
            <div style="float: right; margin: 10px 10px 25px 25px; height: 100px; width:150px">
                <div id="imageContainer">           
                     <img src="~/Images/@Html.Raw(b.ImagePath))" style='height: 100%; width: 100%;' />
                   </div>
            </div>
    }

@如果!string.IsNullOrEmptymodel.property很有希望,谢谢!但它是去看的吗?控制器?我是ASP的初学者。Netit的前缀是@。这很有帮助,谢谢!是的,这种方式很有魅力。谢谢你的帮助。
 public class Media
    {
        public int Id { get; set; }
        public string title { get; set; }
        [Required, StringLength(512)]
        public string description { get; set; }
        [Required]
        [AllowHtml]
        public string body { get; set; }
        public string ImagePath { get; set; }
        public string VideoLink { get; set; }
        public string Source { get; set; }
        public TagsEnum TagsEnum { get; set; }
        [Column(TypeName = "datetime2")]
        [DisplayFormat(DataFormatString = "{0:dd MMMM , yyyy HH:mm}", ApplyFormatInEditMode = true)]
        public DateTime? NewsDate { get; set; }

    }
@if (!string.IsNullOrEmpty(b.ImagePath)) 
    { 

    }
    else
    { 
            <div style="float: right; margin: 10px 10px 25px 25px; height: 100px; width:150px">
                <div id="imageContainer">           
                     <img src="~/Images/@Html.Raw(b.ImagePath))" style='height: 100%; width: 100%;' />
                   </div>
            </div>
    }
@if (!string.IsNullOrEmpty(b.ImagePath)) { 
    @<div style="float: right; margin: 10px 10px 25px 25px; height: 100px; width:150px">
        <div id="imageContainer">           
             <img src="~/Images/@Html.Raw(b.ImagePath))" style='height: 100%; width: 100%;' />
        </div>
    </div>
}