tailwind-cssで画面中央に表示するクラスはこれ、中央表示でググっても。

2022.02.08

Logging

この頃、Bootstrapからtailwind-cssに変えようと奮闘中で勉強中です。そんな中でググっても中々ヒットしなかった事を紹介します。

tailwind-cssで画面中央に表示する方法を中央表示でググっても画面中央表示がヒットしなかったのは、少しやっかいだなって思いました。何でも検索出来るGさんですが、何度か自分はNot Foundページを見たことがあります。つい最近のNot Foundページは、こんな感じ釣り堀？で釣りをしている宇宙人さんみたいなが表示されます、そしてちょっとした操作が出来ます😌。

引用：Googleページ

脱線した話をもとに戻して…tailwind-cssで画面中央に表示したい場合は、このクラスを付与すると良いですよ😏。

<div class="h-screen w-screen flex justify-center items-center">
    <p>center</p>
</div>

著者名  @taoka_toshiaki

※この記事は著者が40代前半に書いたものです．

Profile
高知県在住の@taoka_toshiakiです、記事を読んで頂きありがとうございます.
数十年前から息を吸うように日々記事を書いてます．たまに休んだりする日もありますがほぼ毎日投稿を心掛けています😅．
SNSも使っています、フォロー、いいね、シェア宜しくお願い致します🙇.
SNS::@taoka_toshiaki

投稿日時 2022年02月08 06:15日

タグ

Bootstrap, center&lt, div class, div&gt, gt, Gさん, h-screen w, justify-center items-center&quot, lt, Not Foundページ, p&gt, quot, screen flex, tailwind-css, クラス, もと, 奮闘中, 感じ釣り堀, 操作, 画面中央,

結局、できずじまい。って本（イラスト）なんか自分に。

2015.09.25

Logging


結局、できずじまい。ﾖｼﾀｹ ｼﾝｽｹ（著者）。
ある人のツイートからこのひとを知りました。
絵がシュールで気に入ったので即Amazonで購入！！
本の中を見てみると、クスって笑える部分が多少あり、
全てに笑える要素があるかは人によると思いますが・・・・。
この絵を見るだけでも和むこと間違いないと思います。
ちなみに、自分の絵の中にこのﾖｼﾀｹ ｼﾝｽｹさんの構図を
取り入れようと奮闘中です。
絵は真似ることにより進化していきます。
ある程度、誰でも絵は書けば書くほど上達していきます。
でも、ある領域から上に上達しようするのは
なかなか難しいです。未だに自分の絵はある領域から
抜けだせません↓

著者名  @taoka_toshiaki

※この記事は著者が30代前半に書いたものです．

Profile
高知県在住の@taoka_toshiakiです、記事を読んで頂きありがとうございます.
数十年前から息を吸うように日々記事を書いてます．たまに休んだりする日もありますがほぼ毎日投稿を心掛けています😅．
SNSも使っています、フォロー、いいね、シェア宜しくお願い致します🙇.
SNS::@taoka_toshiaki

投稿日時 2015年09月25 06:00日

タグ

Amazon, いまいち, イラスト, クス, ツイート, ひと, ヨシタケ シンスケ, 人, 全て, 奮闘中, 本, 構図, 結局, 絵, 著者, 要素, 購入, 部分, 領域,