flexbox

    8

    1答えて

    私はiPad上で動作するフレックスモデルを使用して非常に単純なレイアウトを得ようとしています。 コンテンツdivを中心に配置することになっているdivが含まれています。 サンプルコードは、すべてのブラウザとプラットフォームで、iPad(網膜)を除いて意図されています。 さまざまなiPadエミュレータをオンラインで使用しても、問題は再現されません。私は実際のiPadでそれを複製することができました。

    17

    2答えて

    すべてがChromeとFirefoxでうまく動作しますが、IEで問題があります。 (IE11) 私のレスポンシブルなレイアウトでは、タブレット/モバイルモードでは、pcモードでは水平で、verticalではメニューにしたいと考えています。それだけですが、IEではメニュー項目の高さがありません。開発ツールで検査すると、すべて0の高さに崩れます。なぜ私は見つけることができません。 誰でも知っていると思

    17

    1答えて

    フレックスボックス要素の折り返しを防止するにはどうすればよいですか?それも可能ですか? 私は次のマークアップとフレキシボックスで2つの列のグリッドを作成しようとしています: <div class="flex-container"> <div class="no-wrap">this should not wrap</div> <div class="can-wrap">Lore

    8

    2答えて

    display:flexという素晴らしい機能を実現した後、WindowsのChrome 26から見たときの見た目を正確に見せたWebページを作成しました。ただし、AndroidのChrome 26では動作しません。エミュレータのAndroidブラウザ4.1では動作しません。 caniuseによれば、これらのブラウザはすべてサポートする必要があります。 おそらく偶然、Androidで表示される方法は

    9

    1答えて

    フレックスボックスレイアウトの作成時にdivをスタックすることはできませんでした。どちらかがコンテナdiv内でお互いを押すか、コンテナコンテキストからdivを取得するオーバーレイに"position:absolute"を使用する必要があります。 z-インデックスがまったく機能しないようです。 私はクロームの最新バージョンを使用していますが、この動作を期待していた。説明する http://plnkr

    32

    4答えて

    http://jsfiddle.net/pvJRK/2/ 「方向」行である場合、それは親のより広いテキストを有するp要素は、オーバーフロー、続いて容器の外に他の兄弟をプッシュします。ラッピングは列モ​​ードで正常に動作するように見えます(また、Chromeで同じjsfiddleを表示して、期待通りに動作することがわかります)。 <div id="flex-one"> <p>Some ex

    7

    2答えて

    を中心に収まらない HTML: <div id="container"> <div class="item">Foo</div> <div class="item">Bar</div> </div> CSS: #container { display: flex; justify-content: center; overflow: auto

    5

    1答えて

    私の質問は、ブラウザウィンドウの幅に応じて複数の行に折り返す(flex-wrap:wrap;)というスタイルのフレックスボックスに関連しています:JavaScript以外の方法で特定の行をデザインする方法はありますか? 我々持って次のdiv <body> <div class="flexwrap"> <div class=flexbox"></div> <div class=

    7

    2答えて

    私は自分のセンターをIE10から離れてサポートしているすべてのブラウザで動作させるよう調整しています。私は正しい構文を持っていると思っており、それはそれをサポートしていると思います。誰でも助けてくれますか? DEMO html { height: 100%; } body { background: red; font-family: 'Open Sans';

    6

    1答えて

    フレックスボックスコンテナで浮動するdivをオーバーレイしようとしています。 ヘッダはフレックスボックスコンテナで、コンテナ内で動作する3つのフレックスボックスdivがあります。オーバーレイは、他の3つのdivをオーバーレイしたいが、.header flexboxコンテナdiv内にまだ制約があります。 私はstackoverflowや他の場所で複数のメソッドを試しましたが、フレックスボックスで使用