flexbox

    0

    1答えて

    私はHTML5の表示要素と要約要素を使用しています。私はカスタムマーカーを:: before疑似要素として使用しています。要約要素には、最大2つのスパン要素を含めることができます。 私はdisplay:flex(またはdisplay:inline-flex)ルールをsummary要素に適用しました。 FFとchromeは要約要素を正確に予想通りにレンダリングします.1行でflexの擬似要素とspa

    -1

    2答えて

    私はこの構造を持っています...ワードプレスの管理領域に似ています...ポイントは私が必要です.mainすべてのスペースを幅と高さで取る.footそれを下げる内容は存在しないが、下に留まる。 .mainの中に列があり、これらの列も完全な高さにする必要があるので、flexを使用したいと思います。誰かが私に別の解決策を与えることができますが、HTMLは変更できません。最終結果はこのようなものになるだろ

    1

    1答えて

    ページ上にフッターを置く簡単なnav要素があります。 このアイテムにパディングを追加すると、エレメントは指定のパディングの量だけ縮小します。 通常、要素にパディングを追加すると、実際の要素は縮小されません。 box-sizing: border-boxは、パディングが合計幅に含まれていることを確認していますが、親の幅は100%にしています。 同じ問題は、ヘッダーまたはフッター要素では発生していませ

    2

    2答えて

    CSSのフレックスボックスとCSSグリッドに関するチュートリアルはたくさん読んでいますが、このシンプルな(?)のことを率直に説明することはできません。 私が望むのは、コンテナ内の要素すべてが、最も広い要素と同じ幅であることです。 私はそれらがコンテナの全幅を埋めることを望んでいません。ちょうどすべて最大幅まで成長します。それはCSSでできますか? このHTML考えてみましょう: <div clas

    1

    1答えて

    フレックスブロックに他のブロックも含まれているグリッドがあります。 私が問題になっているのは、高さがグリフのフレキアイテムの子供たちでは無視されている点です。これは、firefoxとchromiumで正しく表示されるようです。 私がepiphanyで得た結果は、最初のブロックが2つのブロックより長いことです。 firefoxとchromeの場合、すべてのブロックは最初の行で同じ高さを持ち、必要に応

    1

    1答えて

    div要素のパディングを設定する必要がありますが、そのサイズをコンテナの10%にしたいとします。 私の例からわかるように、menuはラッパーを経由します。 menuを100%(私はcalcを使用することができます)に保ち、最初の場所で問題を解決する方法を知りたいと思います。ありがとう。 #wrapper { width: 500px; height: 500px;

    3

    1答えて

    気泡の辺が拘束されているときに、画像が新しいラインに壊れてしまう理由を知っていますか? 気泡の最大幅をcalc(100%〜70px)に変更すると、新しい行に最後の単語が表示されますが、スタイルが壊れます。 body { background: #f0f3f6; } .messages { width: 100%; margin-top:

    1

    1答えて

    フレックスグリッド内に4つの画像があるウィンドウがあります。私は画像をクリックするといいと思いますが、これはフレックスボックス内の他のものを常に覆っている(または隠しています)width=100%です。 jQueryとJavaScriptがありますが、私は方法を見つけることができません。どんな助け? ありがとうございました。 .wrap {display: -webkit-box; disp