flexbox

15熱

1答えて

フレックスボックスと同等のインラインスタイリング、ディスプレイの作成に問題があるようです。このコードでは：これまでのところ私は（赤と青の線は、スタイリングを支援するために、境界機能によって支配されている）以下を達成している var React = require('react-native'); var { View, ScrollView, Image,

11熱

3答えて

使用可能なすべてのスペースを使用しているネイティブフレックスボックスに反応します

私はフルスクリーンを作りたいレイアウトを持っています。これは今見ているとおりです：私が望むのはレイアウトが画面上のすべてのスペースを占有している（送信ボタンが一番下になるはずです）。 {flex: 1}を使用しようとしていますが、動作していません。ここでは、コードです： 'use strict'; const React = require('react-native'); const {

6熱

3答えて

余白のインラインブロックを無視するには、高さを変えて作成しますか？

私はブロックが2でスタックし、次の2ブロックが最初の2ブロックの終わりで始まるという問題があります。 this JSFiddle demoに示すように。 HTML： <div class="container"> <div class="inline"> A div with less content than that one > </div> <div

13熱

6答えて

最後の行が左揃えのスペース間の折り返しフレックスアイテムを表示するにはどうすればよいですか？

私はいくつかの可変幅の要素が行に現れなければならない固定幅のコンテナを持っています。これは、必要に応じて追加の行にこぼれる可能性があります。言い換えれば /----------------------------------\ | | | # One # Two # Three # Four | | # Five # Six | |

8熱

3答えて

フレックスボックスがiPadとSafariで動作しない

フレックスボックスをウェブサイトで使用しており、iPad Air、iPad 3、Safari PCでクラッシュします。デザインとコードはこのcodepenに似ています。 http://codepen.io/anon/pen/xwJzEg/ display: flex; flex-wrap: wrap; これは、問題が発生し、それらのデバイス上でどのように見えるかです：この問題を回避するに

5熱

2答えて

フレックスボックスは使えますか？チャットウィンドウの下に入力があり、スクロールするチャット

フレックスボックスで可能なようですが、わかりません。 http://codepen.io/MichaelJCole/pen/NGBVGe 目標：（メッセージにtypeing用） textareaの一番下に全体の時間のままです。チャットを開始し、必要に応じてスクロールします。「Googleハングアウト」を使用している場合、その中のメッセージアプリのようです。ここでマークアップです： <di

15熱

1答えて

フレックスボックス聖杯レイアウト：固定ヘッダー、左固定、流体コンテンツエリア、固定右サイドバー

フレックスボックスを使用して「聖杯」レイアウトを構築しようとしています。固定ヘッダ固定、折りたたみ、スクロール左ナビゲーション柔軟なコンテンツエリア固定、折りたたみ、スクロール右NAVは以下を参照してください：ヘッダーの下にある「アプリ」領域の高さを除いて、すべて機能しています。今のところ100vh（ビューポートの高さの100％）ですが、これには64ピクセルのヘッダーが含まれています。

6熱

1答えて

フレックスボックスの親の子の幅をどのようにすることができますか？

私は親要素を持っているが、内部の二つの要素で：現在 <div class="parent"> <div class="child"> one </div> <div class="child"> two </div> </div> 、.parentは100％の幅です。私はそれが2人の子供の幅に過ぎないようにしたいと思います。 .pa

28熱

1答えて

は

サンプルを延伸することからフレックス項目を防ぐは、なぜそれが基本的にspanに起こるのでしょうか？フレックスコンテナ内の他のフレックスアイテムに影響を与えずにストレッチを防止する正しいアプローチは何ですか？

17熱

2答えて

最後のフレックスアイテムをコンテナの最後に配置します

この質問はフレックスボックスを含むフルcss3対応のブラウザに関するものです。私はいくつかの項目を持つフレックスコンテナを持っています。彼らはすべてフレックススタートに正当化されますが、私は最後の.endアイテムをフレックスエンドに正当化します。 HTMLを変更することなく、絶対的な位置付けに頼ることなくこれを行う良い方法はありますか？ .container { display: