flexbox

    0

    1答えて

    レンダリングするスペースが不足している場合は、右からコンポーネントを隠すツールバーを作成しようとしています。私のアプローチは、幅を合計し、合計幅がオーバーフローしている場合、条件に基づいてrefsを使用して幅を追加してレンダリングすることです。私は何かを働かせてそこから改善するつもりです。画面サイズが小さくなると「OK」が機能するように見えますが、余裕があるときにコンポーネントを再レンダリングしよ

    -2

    1答えて

    私はjustify-content: center;でflexを使用しており、Bコンポーネントには余白が残っています。一時的なハックです。正しく動作させるにはどうすればいいですか? コンテナが大きいときは、中央に配置したいが、中央にスペースを入れたい。小さいときは、お互いの上を行くようにしたいと思います。 注:大画面で 2つの項目が中心との間のギャップを有しています。 たとえば、デスクトップ上でラ

    1

    2答えて

    https://www.w3.org/TR/css-flexbox-1/#propdef-flexflex簡略表記を使用した場合、flex-growを省略すると、それは1に設定されます。

    -2

    2答えて

    他の垂直方向の質問と回答を見てきましたが、答えが見つからないようです。あなたの賢明な人々が私の問題を解決する方法を知っていたのかどうか疑問に思っていました。そして、私がどれくらい深く私の穴に入ったかもしれない。 あなたはここに私のコードを表示することができます。https://github.com/LukeBennettUK/techdegree_project_3 私は一緒にこれらを合わせるしよ

    0

    1答えて

    基本的に私は3列の列を持っており、列には画像とテキストがあります。 Android、Fire-Foxでは、各列の親の高さを取得し、他の列が大きい場合はテキストを中央に配置しました。しかし、iOS 8.3と9.3.5のiPadでは、縦幅を高さの100%にすることはできません。 codepenがある:https://codepen.io/rocketraccoon/pen/PEopPO そして、ここで

    -2

    1答えて

    複数のフレックスボックスを1つの行に作成することはできますか?各フレックスボックスには独自の子フレックス要素がありますか? 私の要求をより正確にするために、それぞれが最大幅50%と高さ100%の2つのフレックス要素を持つフレックスボックスだとしましょう。今では、この既存の要素に隣接する要素を追加するオプションがありますしたがって、新しいフレックス要素を追加すると、要素の総数は幅が25%、25%、5

    2

    1答えて

    現在、画像はflexコンテナ内の1行に収めています。画像には、それぞれの画像タグをdivで囲むか、min-width: 1%を画像に追加しない限り、画像がコンテナの幅を無視してページをオーバーフローすることに気付きました。 HTML: <div class="container"> <img src="[url]"> <img src="[url]"> <img sr

    0

    1答えて

    フレックスレイアウトの画像の右下にテキストを配置しようとしています。それは動作していないようです。私は非常にフレキシブルで、多くの間違いを犯しています。私は左の列と右の列を持っていて、どちらも2行の6行に接触しています。真ん中には説明文があります。私は数字1から12を各画像の右下隅に重ねるようにします。 HTML: <div class="flexbox-container"> <div

    0

    1答えて

    私はCSSにいくつかの問題があります。私は解決策を見つけることを試みていたが、私は例のこの種を見つけることができませんでした: .container { background: blue; height: 50px; } .nested { background: red; width: calc(100vh - 20px)

    -1

    1答えて

    左側が簡単です。 が、どのような応答性の右の部分については、右PUSHEDが左サイドを合わせ、小さなボックスが付属。..画像を参照してください。 どれフレキシボックス簡単にアイデアを?