flexbox

23熱

2答えて

CSSのフレックスボックスを使用してアイテムを垂直方向に集中させようとしています。ベンダープレフィックス以外のコードを使ってそれを行う方法はわかっていますが、ベンダーのプレフィックスでもWebkit（Chrome）で動作させることはできません。 #triggerでスパンを垂直に整列しようとしています。ここでは私のCSSです： #trigger{ /* 2009 syntax */

5熱

1答えて

CSS3フレックスボックスネガティブフレックスはどのように機能しますか？

最近私はCSS3フレックスボックスで遊んで始めました。私は多くのリソースを読んで、それを自分で演奏しました。私はを通じて見てきた：私はどのように負フレックスパラメータ作品を理解するように見えることはできません flex: <positive-flex> <negative-flex> <preferred-size> ：http://www.w3.org/TR/css3-flexbox/ は、

60熱

9答えて

divに比例して画像を埋め込むにはどうすればよいですか？

このスレッドが見つかりました - How do you stretch an image to fill a <div> while keeping the image's aspect-ratio? - それは私が欲しいものではありません。私はあるサイズの画像とその中の画像を持っています。私はにいつも画像が風景か肖像画であるかどうかにかかわらず画像とdivを記入したいと思う。画像がカットオフさ

2熱

2答えて

両方の軸でHTML5 Flexboxのストレッチが可能ですか？

私は、単一の子要素を可能にするflexbox divを持っています。これまでのところ、私は垂直方向のストレッチを含む子どものアラインメント（上、左、右、下など）をきれいにすることができました。私はまた、垂直（同時に 'キー'と思われる）と同時に水平ストレッチをサポートできるようにしたい。子要素で 'flex'プロパティを '1 100％'に設定することで水平ストレッチを達成できましたが、これは親

29熱

2答えて

フレックスボックスのインサートとアニメーションをアニメーションすることは可能ですか？

フレックスボックスからアイテムを削除すると、残りのアイテムはアニメーション化されるのではなく新しい位置に即座に「スナップ」されます。概念的には、アイテムの位置が変更されているため、移行が適用されると思います。私は、関係するすべての要素（フレキシボックスと子供）に移行プロパティはフレキシボックスへの編集（&削除を追加）をアニメーション化する方法はあります設定されていますか？これは実際に私とフレ

6熱

2答えて

フレックスボックスは、次のHTMLを考えると子供のマージン（余白崩壊）

を包ん無視ここ .outer { display: box; box-orient: vertical; height: 100px; width: 100px; background: red; margin: 10px; } .inner { height: 50px; margin-top: 10px

36熱

1答えて

どのような状況でフレックスシュリンクがフレックスエレメントに適用され、どのように機能しますか？

私はこの素晴らしいCSS Flexbox demo pageで遊んだことがありましたが、私はコンセプトのほとんどを理解していますが、flex-shrinkを見ることができませんでした。私がそこに適用する設定が何であれ、私はページに違いは見られません。 specから： <「フレックス成長」> このコンポーネントセット「フレックス成長」手書きとどのくらいのフレックス項目が意志決定する、フレックス因

10熱

2答えて

ネストされたCSS3フレックスボックスが動作しない

フレックスボックスはネストできますか？私は、水平フレックスボックスに水平フレックスボックスを入れ、垂直フレックスボックスに垂直フレックスボックスを入れました。水平の水平のみがクロームで動作し、どちらもFirefoxで動作しません！私はここにjsfiddleを作成しました： <div id="A"> <div id="A1">A1</div> <div id="A2">

11熱

3答えて

ヘッダーとフッターの間に100％の内容がある

私は次のレイアウトを持っていると仮定します（下の画像を参照してください）...ヘッダー（A）が上部にあり、フッター（C）が常に下部にあり、コンテナーB）は中央にあり、ヘッダーとフッターの間のスペースを100％埋めなければなりません。は、この使用して、純粋なCSSを達成するための方法をどのような方法を考えることはできません。任意のアイデアをいただければ幸いです！

0熱

1答えて

CSS3フレキシブルボックスレイアウトとオーバーフロー：自動;

私は、ビューポート全体を塗り潰す柔軟なボックスレイアウトを作成しようとしていますが、内容が長すぎる場合はスクロールする内側のセクションがあります。しかし、内側のコンテンツは、より小さな領域に座ってスクロールするのではなく、レイアウト全体を伸ばしています。私は、さらに詳細をここで設定デモを持っている：http://jsbin.com/ezazig（Firefoxの場合のみ） height: 100