flexbox

32熱

2答えて

フレックスボックスのコードはSafariを除くすべてのブラウザで動作します。どうして？

リストタグ付きのグリッド列では、余分なHTMLリスト要素ごとに自動幅を有効にして、3列ごとに正しい順序で表示する必要があります。 <style> ul { margin: 0; padding: 0; display: -webkit-flex; display: flex; -webkit-

14熱

5答えて

水平プレ/コードスクロールとのFlexboxの互換性

私は水平方向にスクロールしたいブートストラップコンテナにとcodeというタグをいくつか入れています。これは通常、スッキリフッターを実現するために私のページのbodyにflexboxを追加するまで正常に動作します。この後、codeは、ページが狭い場合（モバイル閲覧の場合など）、水平方向にスクロールしなくなりました。ここで（ウィンドウを狭めるようcode水平スクロールバーが消えることに注意してくださ

7熱

2答えて

flexプロパティはボタンの高さをつぶすか？

私はフレックスレイアウトを使用しています。それはどのように動作するのが好きですが、レイアウトプロパティに問題があります。私はブートストラップを使用していて、フレックスでレイアウトしています。現在、ボタンはコンテナの高さを取ります。テキストの下にひどいスペースがあり、私はiを削除したいと思います。ボタンにパディングを追加すると、サイズが不均一になります。私はラインの高さでサイズを調整しようとしま

7熱

1答えて

Flex on PhantomJS

PhantomJSは最新のフレックスをサポートしていますか？ $ cat x.js var $ = require('jquery'); $('<div/>', {id: 'x'}).appendTo($('body')); var x = $('#x'); x.css('color', 'red'); console.log('color: ' + x.css('color'));

6熱

1答えて

フレックスボックスの子オーバーフロー親IEで指定された最大高さ

フレックスボックスを使用して重ねて表示される2つの子要素を含む親要素があります。この親要素には、max-heightプロパティがある値に設定されています。したがって、コンテンツが短い限り、親要素は小さくとどまり、内容が大きくなると親要素はその最大高さに達するまで子要素が大きくなります。この時点で、コンテンツ要素のスクロールバーが表示されます。 #container { display

14熱

1答えて

リアクションネイティブのインライン表示

リアクションネイティブはCSS displayプロパティをサポートしておらず、デフォルトではすべての要素がdisplay: flex（どちらもinline-flex）の動作を使用しています。ほとんどの非フレックスレイアウトは、フレックスプロパティでシミュレートできますが、私はインラインテキストに悩まされています。私のアプリには、いくつかの書式設定が必要なテキストがいくつか含まれています。つまり、

9熱

2答えて

テキストラップスパンの周りのフレックスアイテムを縮小するにはどうすればよいですか？

これが可能かどうかはわかりませんが、テキストラップされたスパンの周りのフレックスアイテムを縮小できるかどうかを判断しようとしています。これは私が今のところです.2行目を見ると、テキストの右側の空白を取り除こうとしています。 body { height: 75%; margin: 0; padding: 0; } body > div {

9熱

1答えて

Flex React Native - コンテンツが端に達するとコンテンツが次の行にフレックスで移動する方法

自分のスタイルのコンテナ内にアイコンリストを表示します。これはflexDirection:'row'に表示されますが、次の行には行かないでくださいが、表示されていない行はそのまま続けます。最大幅に達すると、コンテンツを次の行に分割する方法を教えてください。スタイリング： var styles = StyleSheet.create({ container: { width:

12熱

2答えて

white-space：nowrap; flexboxはクロムでは機能しません

最新のChromeアップデートでは、要素のtext-overflow: ellipsis;を使用してwhite-space: nowrapが更新されています。 nameクラスにハードコーディングされた幅を追加することなく、これを修正する方法.. <h1>problem</h1> <div class="container"> <div class="name"> <div c

7熱

3答えて

ネイティブフレックスボックスに反応する - パーセンテージを行う方法||列||応答性の高い||グリッドなど

最後の数週間、iOSで反応して作業した後、フレックススタイリングのいくつかの欠点に遭遇したようです...特に、応答性のある動作になると、たとえば、カードを含むビュー（これらのカードのメタデータはAPIに由来します）を作成したいとします。あなたは、このビューの私が持っている現在の実装では、2を持つ行に返された配列を分割各2.後にカードが表示幅の50％のマイナスマージン&パディングすること、および