在Angular代码中，在ngFor迭代之后，数据是按列显示的，但希望数据按行显示

。

要实现数据按行显示，可以使用CSS的flexbox布局或者grid布局来实现。以下是两种方法的示例：

1. 使用flexbox布局： 在父元素上添加以下CSS样式：

.parent-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

在ngFor迭代的子元素上添加以下CSS样式：

.child-element {
  flex-basis: 100%;
}

这样，子元素会按照每行一个的方式进行布局，实现按行显示。

1. 使用grid布局： 在父元素上添加以下CSS样式：

.parent-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-gap: 10px;
}

在ngFor迭代的子元素上添加以下CSS样式：

.child-element {
  grid-column: span 1;
}

这样，子元素会按照每行一个的方式进行布局，实现按行显示。

推荐的腾讯云相关产品和产品介绍链接地址：

• 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
• 腾讯云云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
• 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
• 腾讯云人工智能：https://cloud.tencent.com/product/ai
• 腾讯云物联网平台：https://cloud.tencent.com/product/iotexplorer
• 腾讯云移动推送：https://cloud.tencent.com/product/tpns
• 腾讯云区块链服务：https://cloud.tencent.com/product/tbaas
• 腾讯云元宇宙：https://cloud.tencent.com/product/tencent-metaverse