中继器项目没有水平显示？

Question

我想动态创建一些图像和文本，所以我将项目更改为repeater.data即将到来，但是转发器正在垂直显示，在html代码中没有转发器水平显示。所以请帮助将其更改为水平视图图像.images显示了我需要的内容以及我的代码现在的样子..

我想使用转发器水平对齐项目，现在它正在垂直显示。请帮助我                 

Answer 1

您的col-md-2 div应该自然地在row内水平显示，但您在转发器中的每个项目都有自己的container和row。将这些div移到转发器之外应该可以解决您的问题。

<div class="container">
  <div class="row news-list">
    <asp:Repeater>
      <ItemTemplate>
        <div class="col-md-2">
          ...
        </div>
      </ItemTemplate>
    </asp:Repeater>
  </div>
</div>

Answer 2

您可以将inline-block类样式的显示模式更改为col-md-2，并设置每个块的大小和边距：

.col-md-2
{
    display: inline-block;
    width: 160px;
    height: 80px;
    margin-right: 12px;
    ...
}