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

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 网格而不是表格之后