时间戳

首页 > 解决方案 > 并排显示 div 内容

html - 并排显示 div 内容

问题描述

我正在使用 div 内容。此 div 重复次数显示输出为

2 任何街道贝本斯托克，英国，SP49 4ED

2 任何街道贝本斯托克，英国，SP49 4ED

像这样 。我需要并排显示，而不是在下面显示。

.wfte_invoice-main {
    color: #73879C;
    font-family: "Helvetica Neue", Roboto, Arial, "Droid Sans", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    box-sizing: border-box;
    width: 50%;
    margin: 0px;
}

请给我一个解决方案。先感谢您。

标签： htmlstyles

解决方案

根据我的理解，也许你可以使用display: flex属性并将你的文本放在这样的段落标签中：

<div class="your_container">
  <p class="wfte_invoice-main">
    2 any street basingstoke, United Kingdom, SP49 4ED
  </p>
  <p class="wfte_invoice-main">
    2 any street basingstoke, United Kingdom, SP49 4ED
  </p>
  ...
</div>

.your_container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

链接到代码沙盒：CodeSandbox

推荐阅读