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

Question

我想动态制作一些图像和文本，所以我将项目更改为 repeater.data 即将到来，但中继器垂直显示，而 html code.so 中没有中继器水平显示请帮助将其更改为水平视图我附上了图像。图像显示了我需要的内容以及我的代码现在的样子..

我想使用中继器更改项目水平对齐，现在显示 vertically.so 请帮助我

Answer 1

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

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

Answer 2

您的 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>

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

Repeater items are not showing horizontally?

asp.net

repeater