2 枚の横長のカードを、両方の画像の下部が揃うように並べてみます。

画像のカードが隣のカードと正確に並んでいません。画像の下部が揃うように 2 枚の水平カードを並べようとしています。これは私の現在の HTML コードです: <divclass="container"><divclass="row"><divclass="col"><divclass="cardw-100d-flexflex-co

P粉393030917 2023-09-11 15:00:03 0  1  605

ナビゲーションバーを中央揃えにする

こんにちは。ページ上部の中央にナビゲーション バーを設定しようとしています。テキストの配置、項目を中央に配置しようとしましたが、これまでのところうまくいきません。このナビゲーション メニューをページの中央に配置する方法を知っている人はいますか? /*Clearfix*/.clearfix:before,.clearfix:after{content:"";display:table;}.clearfix:after{clear:both;}.clearfix{*zoom:1;

P粉451614834 2024-04-02 09:56:33 0  2  407

フォームを下に揃える方法

フォームを下に揃える方法

冬冬 2020-02-25 22:29:40 0  1  1318

Flexbox を使用して要素を左と中央に揃える

子要素を整列させるために Flexbox を使用しています。私がやりたいのは、1 つの要素を中央に配置し、もう 1 つの要素を左に揃えることです。通常、左要素を設定するには margin-right:auto を使用します。問題は、中心要素を中心から遠ざけることです。絶対位置決めを使用せずにこれは可能ですか? HTML と CSS#parent{align-items:center;border:1pxsolidblack;display:flex;justify-content:center;mar

P粉545682500 2023-08-27 21:54:23 0  2  566

セルに表示される疑似「中央」配置で表内の数値の小数点を配置します。

小数点の前後の長さが異なり、小数点がすべて揃っている、10 進数の列を含むテーブルが必要です。列幅は「フロー」サイズである必要があり、データ セル内の非常に長い数値や列に関連付けられた非常に長いヘッダーを収容するために必要に応じて拡張されます。整数 (小数点なし) を含むセルには、小数点文字が存在するかのように同じ位置に整列して数値が表示されます。 (たとえば、数字 512 は、「512」ではなく「512」のみを含むセルと正しく位置合わせされる必要があります。) フォントは重要ではなく、等幅である必要はありません。やっと

P粉373990857 2023-10-24 13:01:47 0  1  776

NETFLIX、タグの選択、ログイン ボタンを 1 行に配置するのに助けが必要です

表示: flex; を試してみました。justify-content:spacing,justify-item:center;width、height、display-all、inline-block も変更してみましたが、設定できませんでした。Clone@NETFLIXNETFLIX英語ヒンディー語アラビア語スペイン語Signin *{margin:0;padding:0;box-sizing: b

P粉769045426 2023-08-02 16:46:59 0  1  455

notepad+++で列の位置合わせ(カット位置合わせ)を行う方法

INSERT INTO (c1,c2,c3,c4,c5,c6) テーブルテーブルから a、b、c、d、e、f を選択 INSERT INTO (c1,c2,c3,c4,c5,c6select a,b, c, dテーブルからの、e、f を使用して、カンマによる自動位置合わせを実現します。

梦迪 2019-09-25 13:31:49 0  0  2943

ロゴをナビゲーション バーに合わせることができません

YouTube チュートリアルに従っており、まったく同じコードを作成しましたが、ロゴを *{margin:0;padding:0;box-sizing:border-box;} のようにナビゲーションと揃えることができません。 navbar{display:flex;align-items:center;padding:20px;}nav{flex:1;text-align:right;}navul{display:inline-bloc

P粉921130067 2024-04-02 11:13:17 0  1  452

JavaScript - CSSの問題、コンテナをdiv下部に配置する方法

画像のようにdivが3つあるのですが、1の中で2と3を下に揃える設定方法; 3を非表示にすると2が下がって下に揃えられます。

大家讲道理 2017-05-19 10:27:21 0  6  771

MUI: フレックスボックスで画像の中心を揃えて調整する

画像が中央に配置されているのに整列していないのはなぜですか?混乱しています。<Boxsx={{display:'flex',minHeight:'100vh',alignItems:'center',flexGrow:1,}}><ContainermaxWidth="sm"><imgsrc="https:/ / static.vecteezy.com/system/r

P粉550323338 2023-09-08 18:20:02 0  2  529

画像とテキストを横に並べるにはどうすればよいですか? HTML CSS フレキシブル ボックス

テキストが画像の下に配置されるようになりました。テキストを画像の横に縦方向に配置したいと考えています。 flex-direction:column と justify-content:center を追加しようとしましたが、うまくいきませんでした。 floatも試しましたが、それもうまくいきませんでした。文字と画像を並べて配置する方法がわかりません。どうすれば横に並べることができますか?私のコードにエラーはありますか? .whoweare{パディング:80px0px50px;背景色:#000000;}.w

P粉350036783 2023-08-26 00:23:03 0  1  662

ブートストラップのナビゲーションバーのテキストを画像と揃えるにはどうすればよいですか?

私はブートストラップ ナビゲーションバーを使用しており、ナビゲーションバーのブランディングに画像を挿入しましたが、サイズが原因で位置合わせが台無しになります。それに付随するテキストを中央に揃えたいのですが、他のボタンのテキストも中央に揃える方法がわかりません。出力は次のようになります<aclass="navbar-brand"id="home"href="/"><imgsrc="https://cdn.disco

P粉221046425 2024-03-28 14:13:44 0  2  391

グリッド要素を右揃えにする方法

CSSGrid レイアウトには固定数の列があり、これらの列に要素を配置します。配置する要素の数は列の数よりも少なくなります。要素が追加された順序で列を右揃えにしたいと考えています。次のコードでは、4 つの要素が左側に配置され、6 つの空の要素が右側に配置されています。グリッドテンプレート列

P粉296080076 2023-08-13 11:27:01 0  1  603

CSS - ボタンの配置が正しくありません

何をしても (今では数時間)、<divclass="kafelek"> を隣り合わせに配置することができません。現在のコードは body{background-color:#003C3D;} のようになります。 header{text-align :center;align-content:center;padding:20px;font-family:'OpenSans';font-size:24p

P粉794851975 2024-02-17 18:30:51 0  1  365

vim コードを作成するときにコメントを素早く整列させるにはどうすればよいでしょうか?

例: {コード...} は次のように配置する必要があります: {コード...} これを 1 ステップで実行するショートカットはありますか?

伊谢尔伦 2017-05-16 16:42:31 0  1  760

グリッドテンプレートの列が行上の項目を整列させない

私は HTML と CSS の初心者で、grid-template-column を使用してナビゲーション バーを作成しようとしています。私のアイデアは、ナビゲーション バーをロゴ部分、Web サイトのホームページ部分、ソーシャル リンク部分の 3 つの部分に分割することです。問題は、divnavBar 内の要素が連続して配置されていないことですが、menuItemsdiv 内の div と Socialsdiv 内の要素は正しく配置されていますが、それらの間にスペースが多すぎることです。何かが足りないのでしょうか？ html{背景:#FFFFFF;}本文{背景

P粉696605833 2024-04-03 16:58:18 0  1  473

css3 - フレックスレイアウトで子要素を整列させる方法は?

図のようにju​​stify-content:space-around;を使用していますが、2行目のサブ要素を1行目と上下に揃えることができればいいのですが、サブ要素の数は固定ではありません。それを解決するには？

淡淡烟草味 2017-07-04 13:45:08 0  4  1757

グリッドセルの内容を中央揃えにする

グリッド項目内のコンテンツを、水平方向ではなく垂直方向ではなく中央揃えで中央揃えにしたいと考えています。 JSfiddle で表示: http://jsfiddle.net/6zs8ydhf/.container{display:grid;grid-template-columns:200pxauto;grid-template-rows:400px200px;}.item{border:1pxsolid#111;}。 {ディスプレイ:f

P粉060528326 2023-09-15 10:34:15 0  1  643

要素を等間隔に配置し、:after で配置するために十分なスペースを残すにはどうすればよいですか?

疑似要素 :after を使用して、ブロック リストの最後の行を左側に揃えます。これらのブロックを均等に配置するためにスペースを使用します。私の問題は、:after がスペースを占有するため、最後の行のブロックがユーザーと位置合わせされていないことです。この問題はどうすれば解決できますか? .exposegrid{width:500px;display:flex;flex-flow:rowwrap;justify-content:space-evenly;&:after{content:&

P粉129168206 2023-09-12 20:16:59 0  2  555

インラインブロック DIV をコンテナ要素の上に配置します。

2 つのインライン ブロック div の高さが異なる場合、短い方の div がコンテナの上部に整列しないのはなぜですか? (デモ): .container{border:1pxblacksolid;width:320px;height:120px;}.small{display:inline-block;width:40%;height:30%;border:1pxblacksolid;background:aliceblue

P粉982881583 2023-08-21 20:38:56 0  2  518