Question

我知道这个问题可能会被问到很多次，但我找不到那个。

我想在一行中放置两个 h3 标签和 1 个包含 5 个评级星的 div，我不知道如何实现。

可以添加哪种 css 样式来实现此目的？

代码如下：

[[0.9561600000000001, 0.10913097635410397], [0.95621,0.1100000]...]

Answer 1

使用 FlexBox

.row {
    display: flex;
    align-items: center;
}

h3 {
    margin-left: 15px;
}

<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" rel="stylesheet"/>

<h2>Shop Name</h2>
<div class='row'>
  <div>
       <i class="fa  fa-star"></i>
       <i class="fa  fa-star"></i>
       <i class="fa  fa-star"></i>
       <i class="far fa-star"></i>
       <i class="far fa-star"></i>
  </div>
  <h3>64 Sales</h3>
</div>

如何将两个 h3 标签和一个 div 放在同一行？

1 个答案: