flexbox

-1熱

3答えて

は、私は次のようなレイアウトを実現するにはどうすればよい：私はフレキシボックスを使用しようとしてきた、jusitfy-content: space-around;を使用してコンテンツを正当化します。ほとんどの場合動作しますが、最初の行を除いて各列はコンテナに揃えられます。さらに、これは6つの項目で動作する必要があります。その場合、一番下の行は一番上の行と同じになるはずです。項目は動的に生成さ

1熱

2答えて

フレックスボックスとファイヤーフォックスが完全に違って見える

この質問はむしろ「ノービッシュ」と見なされるかもしれませんが、なぜ私のフレックスボックスがFirefoxで全く違って見えるのかを知りたいと思います。何を忘れましたか？どんな助力も大歓迎です。私はそれが私はそれがどのように見えるのです逃した本当に簡単な何か怖い：クローム：をFirefoxの：マイコード： CSS：を .flex-container { padding: 0;

2熱

1答えて

イメージを別のイメージと重複する

最初のイメージは、その複数のブレンドモードとその色（100％x 1172px）のバックグラウンドとなります。このコンテナの最下部には、バックグラウンドが同じでブレンドモードのないブロック（50％x 520ピクセル）があります。 What exactly I'm trying to reach。 - アイデアは、少なくとも2つ以上のブレークポイントの幅を1つのイメージとして保持することです。 js

0熱

1答えて

ボックス内容量にもかかわらず2x2グリッドの等高さ

コンテンツの量にかかわらず4つのボックス（赤、青、緑、黄色）の高さがすべて等しい2x2グリッドを作成しようとしています。 #rowTwo { background-color: pink; min-height: 25%; display: flex; flex-direction: column; align-items: c

0熱

1答えて

iPadの

http://fleurine.syberenvanmunster.com/blog/ 上で互いにへのフレキシボックスのメニュー項目の崩壊は、フレキシボックスに基づいて応答メニューを作って、それが自分のコンピュータ上で正常に動作します、しかし、iPad上。私は問題が何であるか把握していないようだ。どんな助けでも大いに感謝するだろう！ Screenshot of the problem

1熱

1答えて

行の前/左と後/右のテキスト

私はh3を持っていて、前に/左と後/右のDAY-BY-DAYの語を持っていますが、上と下の行:: afterと:: beforeを使ってその単語を削除します。どのように私はフレックスでこれを達成できますか、助けてください。何かDAY-BY-DAY ----のような----ここはhtmlです：ここでは <h3 id ="daybyday"><span style="font-style: ita

1熱

2答えて

ブートストラップ4の12桁ではない等号カラム

私は5列の幅が同じであることを示す小さなウェブアプリケーションを用意しています。しかし、このレイアウトは幅が≥992pxのデバイスにのみ必要です。デバイスの場合<幅992ピクセル5つのHTML要素を1つの全幅の行に表示したいとします。等幅の列は、複数の行に分割することができるが、明示flex-basis又はborderなく動作からこれを防ぐこと Safari flexbox bugがありま

-3熱

1答えて

フレックスボックスの高さ100％が親の外に出ていますか？

私はここでフレックスボックスを使用しなければならない設計上の理由から、別のスタックポストで管理していた表示ブロックのように動作するbtn pエレメントが必要でしたが、今は "other divs"クラスを100％主な親から出て行く、なぜ私は理解できない？灰色のボックス上の例からも #outterWrapper { display: inline-block; heigh

2熱

1答えて

固定高さのCSSフレックスボックスがまだ伸びています

親コンテナの高さに塗りつぶす2つの列を持つヘッダを作成しようとしています。私は応答レイアウトにdisplay:flexを使用しています。ヘッダーを固定高さに設定すると、他の2つのサブディビジョンにはヘッダーとの間にギャップがあります。 div#container { padding:20px; background:#F1F1F1; display: flex;

0熱

1答えて

選択した行の下にドロップダウンローがあるレスポンスグリッド

ええ、これを説明する方法は実際にはわかりません、so here's a diagram of what I want。基本的には、グリッドやフレックスボックスで簡単に反応する「アイテム」のグリッドが必要です。しかし、私はまた、現在選択されている項目の下の行に説明を表示したい。私はそれを行う方法を持っていますが、それは非常に応答性が高くない、または拡張性がありません（私は多くのことをする新しい項目