flexbox

0熱

1答えて

フレキシボックスのレイアウト - 私は次のようholygrailのようなレイアウトを作りたいJS

せずに列を共有：：小さな画面で以下に変わります JSのハックがなくても、CSSの方法はありますか？

0熱

1答えて

これはCSSで可能で、その方向に何も見つからない場合はわかりませんが、それを実行します。） - コンテナー複数の（2-3）ボックス/テキストの列が必要です。各列はそれ自身の記事であり、それ自体の見出しであるため、次の列に続くテキストは1つではありません。しかし、この列の幅を柔軟にして、列が最後まで空きスペースを無駄にしないようにします。列に空白行がある場合は、行の幅を減らしてより多くの行区切り

0熱

1答えて

vuejsアプリケーションのスティッキーフッター

私のvuejsアプリケーションでは、スティッキーフッターの作成に苦労しています。 vuejsなどのフレームワークでは、テンプレートにルート要素が存在する必要があります。しかし、これにより、Flexを使用して固定フッターを追加することが難しくなっています。ルート要素なし： <div class="content"> <h1>Sticky Footer with Flexbox</h1>

0熱

1答えて

サブメニューtxtをホバーされた列にのみ表示するようにするには、Flexboxのホバー

この問題があります。 5列フレックスボックス。各ボックスにはヘッダーtxtと補助txtが含まれていますが、のみがその特定の列にあります。アンホーバーが正常に戻ったとき。私は1 colunmのSUPPを置く私は多分problem.Whenを引き起こして厥、elementorで構築しています。十分に簡単に聞こえる、と私はcodepenでそれをやった（ラフモデルhere。txtのすべての列に表示されます

0熱

1答えて

2つのスタイルのdivが隣り合っています[flexbox/responsive]

私は自分のポートフォリオのWebサイトで作業しており、問題があります。私は2つのdivをテキストとイメージでお互いに横たわっているようにしようとします。これは簡単でしたが、フレックスボックスで反応させることはお尻の痛みです。 This is what I try to achieve with flexbox, but this is just with plain html and css （私

-1熱

2答えて

フレックス派生プロパティのすべてのフォールバックを含めることは本当に必要ですか？

私は通常、簡単な方法で、私のflex特性を宣言します。これは多くのことで、ファイルのサイズが大きくなり要素の数百にわたって繰り返さ .flex-item { display: -webkit-box; display: -ms-flexbox; display: flex;. -webkit-box-pack: justify; -ms-flex-

1熱

1答えて

フレックス、フォーム入力要素がオーバーフローしました

こんにちは私のウェブページ用のフォームを作成しています。私はフレックスを使用して実装しようとしているので、ウィンドウサイズに合わせることができます。私の問題は、lastNameの入力ボックスがオーバーフローすることです。任意のポインタをどのように私はこれを修正することができますように姓の入力ボックスとラベルは、新しい行に落ちるか、可能であれば両方の場合に絞ることができます。ここで何が起こっているの

1熱

4答えて

フレックスの子を一番上に整列する

フレックスボックスの子を各行の上端に垂直に整列させるにはどうすればよいですか？ HTML： #container { align-items: flex-start; align-content: flex-start; display: flex; flex-wrap: wrap; justify-content: space

0熱

1答えて

フレックスコンテナの内部にオーバーフローを残す方法は？

私は自分の体の空間を3つに分割してヘッダ、コンテンツ、フッターとしました。（私は底に粘着性のようなフッターの外観が必要です）ので、flexプロパティを使用してレイアウトを作成しました。しかし、私はメインのコンテナボックスにスクロールバーを追加できますか？私は運を試みましたが、運がありませんでした。ここに私のコードは次のとおりです。 *{ \t \t \t padding:0; \t

0熱

2答えて

ブートストラップの順序と並びは

です。私はブートストラップのレイアウトで驚いています。私はこのレイアウト（簡単な部分）は、モバイルで：デスクトップで Title Image Text を、私はこのレイアウトをしたい： Image Title Text しかし、divのタイトルは、常にイメージの高さを持っています。テキストをその下に置くことは不可能です。助けていただければ幸いです！ありがとう！