flexbox

2熱

3答えて

私はチャットをしており、すべてのコンテンツを一番下にスクロールする必要があります。 justify-content：flex-endを使い、垂直スクロールバーを使用したいと思います。 .session-textchat { height: 320px; background: #fff; display: -webkit-flex; disp

0熱

1答えて

Divの下にあるCSS Div

divが正常にそうであるように別のdivの下に表示されるように設定するのに苦労します。 I'musing MaterializeCSS。次のように私のレイアウトは次のとおりです。 <div class="container valign-wrapper"> <div class="customClass"></div> <div class="customClass"></di

1熱

2答えて

幅：for IE10の擬似クラスの内容が動作しない前に

40%の幅を指定したdiv内には:beforeというコンテンツがあります。これはChrome、Firefoxでうまく動作しますが、IE10で試してみるとうまくいきます。 ChromeとFirefoxで *, *:before, *:after { box-sizing: border-box; } .Table-row { border: 0.5

0熱

2答えて

フレックスボックスを使ってナビゲーションメニューに擬似を使用する：beforeは2行で分割しています

2つのブレークポイントを持つmedia-queryとflexboxを使用すると、：beforeコンテンツを "|"で分割する前にうまくいきました： .navigation li+li:before { content: '/ '; } JsFiddle どのように私はそれがメニューの残りの部分とインライン滞在することができますか？

0熱

1答えて

JointsWP Flexトップバーalign-right not working

FlexモードでJointsWPをFoundation 6で使用しています。私は "行の列"で動作しているグリッドに一番上のバーを含むようにしようとしていますが、何らかの未知の理由でトップバーの右を右に揃えられません。これは私のコードです： <div class="title-bar" data-responsive-toggle="top-bar-menu" data-hide-for="<?p

2熱

2答えて

2つの要素を垂直に整列する

<header> <h1>Title</h1> <h2>Subtitle</h2> </header> ヘッダーの内側にh1とh2を垂直に配置する必要があります。 h2はh1以下にする必要があります。 h1タグとh2タグをラップすることなくflexでこれを行う方法はありますか？ EDIT ただ明確にする - H1及びH2が垂直ヘッダ内部に整列されるべきです。 H1とH2は

3熱

1答えて

2つのフレックスアイテムをそれぞれ親の高さの50％にする

私はCSSのフレックスレイアウトを使ってダッシュボードを作成していますが、フレックスアイテムの内側に2つのウィジェット（もう一方を重ねる）を入れて50％彼らの親は常に（内容にかかわらず）。 <div class="flex-container"> <div class="flex-item"> <div class="widget" id="w1"> widget

2熱

2答えて

ディビジョンのコンテンツのオーバーフロー

親ディビジョンの幅を超えている場合は、新しいラインを持たずにリンクのリスト（約30リンク）を水平に表示したい。リンクがオーバーフローした場合、残りのリンクをユーザーに表示させるためのスクロールが表示されます。親div、リンクを含むdivは、それが親divを超えるコンテンツの場合はオーバーフローします。ここはコードです： Htmlの <div class="container"> <d

2熱

1答えて

CSSでフレックスレイアウトの四角形のボタンを取得するにはどうすればよいですか？

フレックスは、応答性の高いビデオプレーヤーコントロールバーを開発するための良い解決策だと思います。この例は、アマゾンプレイヤーのコントロールバーです。左右には四角いボタンが必要です。プログレスバーは残りのスペースを取得します。パディングトップを高さに設定することを考えましたが、動作しません。どうしたのですか？ <html lang="en" class="no-js"> <head> <

1熱

2答えて

サイズ変更可能な画像をCSSで中央揃えする

画像の中心を特定のdivの中心に合わせようとしています。画像は元のアスペクト比を維持する必要がありますが、ブラウザの幅と高さに応じて、拡大縮小することもできなければなりません。もっと正確には、コンテナはウィンドウ全体を塗りつぶし、両サイドに100pxのパディングがあります。コンテナの内側には、アスペクト比に応じて、水平または垂直のいずれかのパッド付きdivを塗りつぶすイメージがあります。そして最