flexbox

1熱

1答えて

親のdivに揃えされていない理由を私は理解することはできません：「プロジェクトタイトルは」合計の中央に配置されて Aの高さ[画像]。私はフレックス使用してdivproject-descriptionの上を設定しています： .headline { display: flex; align-items: center; justify-content: center;

0熱

1答えて

画像を反応的に埋め込む

2つのサイドバイサイドdiv（小さな画面に積み重ねられている）、テキスト付きのdiv、画像全体が埋め込まれたdivを持つcss3対応テクニックを探しています。少なくとも、画像のアスペクト比は維持されなければならない。理想的には、両方のdivは常に同じサイズの正方形でなければなりません（スタックされている場合でも）。編集 - フィドル： https://jsfiddle.net/marekjedl

0熱

1答えて

フレックスボックスが行に表示されない

フレックスボックスを使用してドロップダウンメニューを作成したが、何らかの理由でliがデフォルトで行に表示される。私もflex-driection: row;を使って宣言しようとしましたが、何も変わりませんでした。私が欲しいnav-barの唯一の部分は、sub-navのコンテンツです。 header { border-color: #DC143C; background-

-2熱

3答えて

クリックしてメニューを非表示にする

私はちょうどcssとhtmlで私の研究を始めました。私はそれをクリックした後に私のメニューを表示しようとします。私がそれをクリックすると、メニュー項目が表示され、直ちに非表示になります。私のメニューを次回クリックした後、どのように表示して隠すことができますか？デモがあります：jsfiddle.net/jekfej46/1/ありがとうございます。

1熱

2答えて

フレックスボックス：ページスクロールで同じ高さの3列

フレックスボックスを初めて使用しており、3列のレイアウトに取り組んでいます。 3列それぞれ100％の高さ可変コンテンツの高さをそれぞれにコンテンツがユーザーの画面よりも背が高い場合は、ページがをスクロールする必要があります。これは私がターゲットにしていますものですカラムは同じ高さのままにしてください。これは私のHTMLコードです： <html> <head> <

0熱

1答えて

ブートストラップ4フォームのボタンの端を整列する

ボタンを脇に揃える方法を見つけようとしています。私は脇にcol-md-3を持っていて、それからメインコンテンツcol-md-8は固定サイズのキャンバスを持っています。脇の主なコンテンツの高さに従います。しかし、脇の最後のボタン（私はそれが一番下のものであることを常に望んでいます）は動作しません。キャンバスが高さを決定しているため、調整する必要がありますか？ボタンにクラスposition-abs

2熱

1答えて

フレックスボックスの高さと幅をサイドパネルで表示

まず、Flexbox and vertical scroll in a full-height app using NEWER flexbox apiと読み始めました。そして、次はかなりうまく機能：上記のスニペットで html,body{ overflow: hidden; width: 100%; height: 100%; max-height: 10

0熱

4答えて

Flexboxの「内容を正当化」が機能しない

私は単純なFlexboxフッターを持っています。画面が580px以下になると、レイアウトは次のように変わります。私は2つの主要な問題があります。<ul>上の正当化-contentプロパティが確実に子要素があるべき、私は<ul>display: flex項目を加えた場合でキックするようには思えないをフレックスアイテム、いいえ？フッターのモバイル版では、<li>のアイテムは右側に固定されています。

-2熱

1答えて

コンテナの残りのスペースを占めるCSSの正方形を作成します。

コンテナの残りのサイズを占める正方形のdivを作成します。私はCSSでこれをどうやって行うことができますか？具体： DIVを行う1を有する：（正方形別名）1のアスペクト比をは少ないスペースを有する寸法に&高さ= div要素の幅作りますここで、それは明らかに絵だ：注：私はpadding-bottom: 100%;とコンテナコンポーネントを使用して答え&方法を知っています。これは＃2で失敗