根据Meteor集合中的元素数量更改css

Change css with how many elements are in Meteor collection.

本文关键字：css 元素 Meteor 集合 根据      更新时间：2023-09-26

因此，我正在构建一个应用程序，该应用程序将允许用户存储方程式并将其放在主页上，用户可以在主页上显示一个标题为"方程式"的按钮。所以我的问题是，我想根据按钮的数量来不同地显示这些按钮。我想在主页上有一行，按钮的样式就像一样

如果只有一个按钮：

|按钮|。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。

如果有两个按钮：

|按钮||按钮|。。。。。。。。。。。。。。。。。。。。。

如果有三个按钮：

|按钮||按钮||按钮|。。。。。。。。。。

我在网上看了看，不知道从哪里开始添加这个功能。所以我的问题是从哪里开始添加这个功能？非常感谢。

如果我理解正确的话；你的HTML代码中有这样的东西：

    <div class="row">
        <button>Equation</button>
        <button>Equation</button>
    </div>

然后在你的CSS代码中，你可以添加这个，它会将所有元素集中在你的行中，根据需要更改按钮的宽度：

.row {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
button {
    width: 200px;
}

说明：https://scotch.io/tutorials/a-visual-guide-to-css3-flexbox-properties

相关文章：