cssにMeteorコレクションの要素数を変更します。

Question

私は方程式を保存し、それをホームページ上に置くことができるアプリケーションを構築しています。ここで、ユーザーはボタンを「方程式」というタイトルで表示させることができます。だから私の問題は、これらのボタンの数に応じて異なるボタンを表示したいということです。私は、メインページの1行を持ちたいとボタンがそう

1場合にのみ、ボタンのように自分のスタイルを持っている：

................... ................. |ボタン| .............................. ......

つのボタンの場合：

..................... |ボタン| ........ ............. |ボタン| .....................

3つのボタンの場合：

............. |ボタン| ............. |ボタン| ............. |ボタン| ..........

私はオンラインで見ましたが、どこからこの機能を追加するか分かりません。だから私の質問はどこで私はこの機能を追加することができますか？ありがとうございました。

Answer 1

私はあなたを正しく理解しています。

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

次に、あなたのCSSコードでこれを追加することができますし、必要に応じて、それは、あなたの行のすべての要素を中央ボタンの幅を変更します：

あなたのHTMLコードでこのような何かを持っています

.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