Question

我想将2个（或几个）图像并排放在一行上。但是下面的代码我只得到1张图片 - 为什么？

<input type="date" id="startDate"  name="startDate" [(ngModel)]="leaveStartDate" (change)="onChange($event)">
<input type="date" id="endDate" name="endDate" [(ngModel)]="leaveEndDate" (change)="onChange($event)">

Answer 1

删除所有element.style.*行并在CSS中设置该功能。

但最重要的是删除row.style.display = "table" - 表格行默认使用table-row的显示。除非您有意尝试破坏表的默认布局，否则不应将其设置为其他任何内容。

Answer 2

使用boostrap尝试这个非常简单

<div class="col-md-12">
    <div class="row">

                        <div class="col-md-2 " style="cursor: pointer;">
                            <img src="~/Content/FeedBack/Smile.png" alt="Mountain View" height="50" width="50" />                            
                        </div>



                        <div class="col-md-2" style="cursor: pointer;">
                            <img src="~/Content/FeedBack/Smile.png" alt="Mountain View" height="50" width="50" />
                        </div>

                        <div class="col-md-2 " style="cursor: pointer;">
                            <img src="~/Content/FeedBack/Smile.png" alt="Mountain View" height="50" width="50" />
                        </div>

                        <div class="col-md-2" style="cursor: pointer;">                           
                            <img src="~/Content/FeedBack/Smile.png" alt="Mountain View" height="50" width="50" />
                        </div>
                    </div>
</div>

之后，您可以使用javascript代码循环并添加图片标记的网址

为什么我只在表格行中获得单个图像？

2 个答案: