我试图将所有 3 个 div 并排放置,但没有发生。我想将它们对齐成一行并且它们之间的间距相等。
Flex 显示不工作。
知道为什么它不起作用以及如何将所有 3 个 div 放在一行中吗?
.package{
border: solid 1px black;
display: flex;
flex-flow: row wrap;
height: 500px;
width: 380px;
text-align: center;
}
<h2 class="packages">PACKAGES</h2>
<div class="package">
</div>
<div class="package">
</div>
<div class="package">
</div>
HTML 代码
<h2 class="packages">PACKAGES</h2>
<div class="package">
</div>
<div class="package">
</div>
<div class="package">
</div>
CSS 代码
.package{
border: solid 1px black;
display: flex;
flex-flow: row wrap;
height: 500px;
width: 380px;
text-align: center;
}
输出
最佳答案
您的容器需要显示 Flex。就像这样:
.package-container {
display: flex;
flex-flow: row wrap;
}
.package {
border: solid 1px black;
height: 500px;
width: 380px;
text-align: center;
}
<h2 class="packages">PACKAGES</h2>
<div class="package-container">
<div class="package">1</div>
<div class="package">2</div>
<div class="package">3</div>
</div>
关于javascript - 如何在一行中获得 3 个 div?柔性不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60307670/