問題タブ [jquery-flexbox]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
html - コンテナーの下部にアイコンを配置する Flexbox の問題
フレックスボックスに問題があります。ご覧のとおりaside、ソーシャル メディア アイコンの順序付きリストを保持する要素があります。何らかの理由で、これらのアイコンを含む の BOTTOM に貼り付けることができませんdiv。
HTML コード
CSS コード
誰でも助けることができますか？私は明らかなことを見逃していますか？
どうもありがとう、p
javascript - 水平 div のアニメーション再配置
シャッフルをアニメーション化するカードゲームを作成しています。
テーブルに 5 枚のカードがあるとします。
カードを 1 枚取り、新しい位置に挿入する機能が必要です。たとえば、カードを位置 1 にinsert(D, 1)挿入すると、次のようになります。D
私は現在、フレックスボックスを使用してこれを簡単に行っています。 css 属性を使用して、各 div の順序を簡単に設定できますorder。ただし、flexbox はアニメーションをサポートしていません。Dをアニメーション化して、すべてのカードの上に移動し、 と の間に挿入Aできるようにしたいと考えていBます。
div/カードをドラッグできるソリューションを見てきましたが、それは私が望んでいるものではありません。シャッフルの各ステップをプログラムで表示したい。次のようにアニメーションを「ハードコード」するソリューションも見ました:http: //jsfiddle.net/uNv8C /しかし、私は任意の数のカードを持つことができます(合理的な数52)
どんな指針も非常に役に立ちます。jquery sortable を見ましたが、ここで使用する方法がわかりませんでした - ここで使用できますか?
javascript - 空の列と行からフレックスボックス構造をきれいにするjQuery
次のような余分な行と列をすべて削除して、テーブル構造を最適化する jQuery を作成しています。
- a) 2 つ未満の子要素を含む
- b)重複したコンテナーを含む (
.columncan't have child.column、.rowcan't have child.row)
それでもうまくいきませんでした。6 つのステップで実行されます (コメントに表示されます)。
#exampleを に変えるには何が必要#solutionですか?