上传后的图像没有相等的空间

Question

上传图像后，图像中的图像空间不同。我的意思是每个图像之间的空间不同。

我正在使用它：

 <div class="table-responsive">
        <table class="table">



            <tr>

               <th style="width: 10%"><h4>@Html.DisplayFor(model => model.FirstName)</h4></th>
               <th style="width: 30%"><h4> @Html.DisplayFor(model => model.LastName)</h4></th>
                <th style="width: 120%"></th>

            </tr>


            <tr>


                <td>
                    <img width="200" height="150" src="@Url.Action("GetImage", "Account", new {id = Model.Id  })">
                </td>

            </tr>
            <tr>

                <th><h2><br /></h2></th>

            </tr>
            <tr>

                    @foreach (var item in Model.LolaBikePhotos)
                    {

                      <th style="width:10%"> <img src="~/Images/profile/@item.ImagePath" alt="" height=150 width=200 /></th>
                    }





            </tr>







        </table>
    </div>

这是图像的循环：

@foreach (var item in Model.LolaBikePhotos)
                        {

                          <th style="width:10%"> <img src="~/Images/profile/@item.ImagePath" alt="" height=150 width=200 /></th>
                        }

我上传的图片说明了一切。

谢谢

Answer 1

首先为什么<th style="width: 120%"></th>？宽度将等于70％ 之后我建议您使用css网格而不是表格