flexbox

1熱

1答えて

だから私はここに私のコードは、今だ（フレキシボックスに基づく）アンギュラ材質グリッドを使用してレイアウトのこの種を取得しようとしている（幅は幅フルスクリーン、高さがちょうどレイアウトをモックアップする700である） <div class="mid-section"> <div layout="row" style="width:100%; height:700px;"> <!-- L

5熱

2答えて

フレックスコンテナの「フロート」に代わる方法はありますか？

最近、親コンテナのサイズがdisplay: flexの場合、float: right/leftは子要素では機能しません。 float: rightと同じように、子要素の一部を右方向にプッシュする必要があります。 .bodycontainer { width: 100%; background-color: #666633; padding: 10px 0;

0熱

1答えて

Iが大きく、媒体画面および<code>sm</code>全画面用の2列（各2）及び4に一列に4つの等しいサイズの<code>flex</code> -boxesを配置しようとしている

行の応答flexboxesを追加できません行は、xsモール画面の行（各行に1つ）です。 2つのフレックスボックスは、埋め込まれたコードブックと他の2つの画像サムネイルです。今のところ、すべてのボックスは同じサイズではなく、列に表示されます。ここではJSFiddleです。 .box { display: flex; flex-flow: row wrap;

-2熱

1答えて

を正しく配置するためにどのようにフレックス（CSS）を使用して、ブロックが

は私が（モックアップのように）画像ブロックのうち一部の広告ブロックを配置する必要があり、私のモックアップのように結果を持っている、と私はどのように理解していませんそれを置く。内部に広告ブロックを配置すると、画像ブロックはそのブロックに揃えられません。誰かが私に助言を与えることができる？私はスタイラスで翡翠を使用しています。ここに私のコードは次のとおりです。 block header-bottom

5熱

1答えて

コンテンツがフレックスアイテムのサイズ変更を防ぐ方法を教えてください。

私はCSSフレックスボックスを使用して、スケーラブルで反応性の高いグリッドを構築しています。フレックスボックスアイテムの1つにGoogleのチャートを適用すると、アイテムのサイズがそれほど変わらない。グリッドを整列から外すだけで十分です。問題を説明するのに役立つ次の画像をまとめました。フレキシボックスグリッド項目6にGoogleのチャートを適用する前に：フレキシボックスグリッド項目6にGoog

0熱

1答えて

ブートストラップでのスタイリングモーダルタイトルv4

私はモーダルタイトルのコンテンツのスタイルを設定しようとしています。中央の画像と、1つまたは2つのボタン/画像を含む2つの小さな列が含まれます。私はすべてを縦横に整列させたいと思います。センター画像のサイズは異なります。フレックスボックスの仕事のようです。 #headerLHS,#headerRHS { display: flex; webkit-display: flex;

0熱

2答えて

フレックスアイテム内のテキストを折り返す

2つのdivコンテナがあります。最初のコンテナは300pxで固定されていました。 2番目のdivは外側のdivを埋めるはずです。この問題を解決するために、フレックスボックスを使用しました。私の問題は今、2番目のdivはコンテンツをラップしないということです。この問題を解決するにはどうすればよいですか？ Here is a JSfiddle *{ margin: 0px;

0熱

1答えて

Flexbox垂直オーバーフローの問題

FlexCodeを使用してレイアウト用のポートフォリオページを作成しようとしていますが、垂直オーバーフローに問題があります。 HTML： <div class="flex-container flex-column top"> <header class="flex-container"> <h1 class="logo"><i class="fa fa-hashtag"></

0熱

1答えて

センター内の特定のアイテムにフレックスを合わせる

フレックスボックスで基本的なことを達成しようとしていますが、これを行う方法はわかりません。私の目標は、3つのdivを一列に整列させ、中間のdiv（ここでは "short"とする）を中央に配置することです。絵がより明確になるであろう：これらのdivが中心ではなく、私は希望としてされています。私は、 "短いdiv"を中心にしたい、そして他のものを望んでいました。私がこれを逃したCSSルールはあり

-1熱

1答えて

フレックスボックスにオートマージンを使用できますが、ガターを固定することはできますか？

私はフレックスボックスをもう少し使っています。それは本当に強力な機能ですが、いくつかの落とし穴があるようです。私は、例としてjsfiddleを作成したが、私は基本的にから成るレイアウトを持ちたい： 1）それが常に中心とするように割り当てられて幅が、自動マージン無しthumbnails容器。 2）の問題は、私はthumbnails容器に幅を割り当てることができないので、私は最後の行thumbnai