Q&A
FlexはCSSの機能のことではないです。
https://teratail.com/tags/Flex
前提・実現したいこと
bootstrap4を使用しています。上下の中央揃えができなくて困っています。
該当のソースコード
create.blade.php
1 <div class="card m-auto" style="width:45rem;"> 2 <div class="card-header h2 font-weight-bold align-items-center text-center"> 3 投稿者 {{ $post->name }} さん 4 </div> 5 <ul class="list-group list-group-flush"> 6 <li class="list-group-item d-flex align-items-center h4">カテゴリー 7 <p class="list-subject ">{{ $post->subject }}</p> 8 </li> 9 </ul> 10 </div> 11 </div>
試したこと
liはブロック要素なのでd-flex align-items-centerで上下中央揃えに設定していますが若干ズレがあります。
marginが効いているですがmarginを設定した覚えがなくここで止まっています。
補足情報（FW/ツールのバージョンなど）
bootstrap 4
回答1件
0
ベストアンサー
mb-0付けるとどうなりますか？
html
1 <p class="list-subject mb-0">{{ $post->subject }}</p>
検証ツールで確認すると恐らくCSSが当たってると思います。
一度ご確認してみてくださいませ。
投稿2021/02/27 12:35
退会済みユーザー
総合スコア0
おはようございます。ご連絡が遅くなり大変申し訳ございません。
pタグにマージンが入っているのはブラウザの仕様でこれをユーザースタイルエージェントと書いていました。なのでここでmb-0にすることで強制的に下のマージンを0にすることによって無くすことができました!!
あなたの回答
tips
プレビュー
