我知道这个问题可能会被问到很多次,但我找不到那个。
我想在一行中放置两个 h3 标签和 1 个包含 5 个评级星的 div,我不知道如何实现。
可以添加哪种 css 样式来实现此目的?
代码如下:
[[0.9561600000000001, 0.10913097635410397], [0.95621,0.1100000]...]
答案 0 :(得分:0)
使用 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>