tailwind-cssで画面中央に表示するクラスはこれ、中央表示でググっても。
2022.02.08
この頃、Bootstrapからtailwind-cssに変えようと奮闘中で勉強中です。そんな中でググっても中々ヒットしなかった事を紹介します。
tailwind-cssで画面中央に表示する方法を中央表示でググっても画面中央表示がヒットしなかったのは、少しやっかいだなって思いました。何でも検索出来るGさんですが、何度か自分はNot Foundページを見たことがあります。つい最近のNot Foundページは、こんな感じ釣り堀?で釣りをしている宇宙人さんみたいなが表示されます、そしてちょっとした操作が出来ます😌。
脱線した話をもとに戻して…tailwind-cssで画面中央に表示したい場合は、このクラスを付与すると良いですよ😏。
<div class="h-screen w-screen flex justify-center items-center">
<p>center</p>
</div>
タグ
Bootstrap, center<, div class, div>, gt, Gさん, h-screen w, justify-center items-center", lt, Not Foundページ, p>, quot, screen flex, tailwind-css, クラス, もと, 奮闘中, 感じ釣り堀, 操作, 画面中央,
phpってオブジェクトの継承ができるだって生意気な( ゚д゚ )
2015.06.19
<?php class oya{ private $hogeko; private $hogeta; function __construct() { $this->hogeko="hoge~ko"; } function omake(){ return $this->hogeko; } function oyadama($hogeko="hogeko"){ return $hogeko; } function oyadako($hogeta="hogeta"){ return $hogeta; } } class ko extends oya{ function koda(){ return parent::oyadako(); } function koyo(){ return parent::oyadama(); } } $oya = new ko(); $ko = new oya(); ?> <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>zip358.com:大人(親と子)クラス</title> </head> <body> <p><?=$oya->koda();?></p> <p><?=$oya->koyo();?></p> <p><?=$ko->omake();?></p> </body> </html>
DEMO https://zip358.com/tool/extends.php
phpってオブジェクトの継承ができるだって生意気なんて(笑)。こういうコードを書く必要性を迫られていなければ・・・どこで使用すればよいのかがわからないという事になると思います。自分自身もこういうコードを書くことが無かったので忘れがちになっていました。ちなみにPHPにもコンストラクタ君がつかえるようです。昔は使えなかったことがPHP5ぐらいから使用できるようになったのは、良いことです・・・・。C++とかJavaとかそういう物をPHPも目指しているだと思います。メソッドも増える一方です、自分が知らないメソッドも結構あると思います。PHP公式のリファレンスを覗けって話ですけど仕事して帰ってきてゴトゴトしてたら、勉?する時間がないですね。作れよという話ですが今のところ作れていないのが現状です。
タグ
AM, body>, class ko extends oya, class oya, DOCTYPE html>, function koda, function omake, function oyadako, function oyadama, head>, hogeko, hogeta, html lang, meta charset, new oya, p>, return parent, title>, zip358.com, オブジェクト,
Functionの引数に初期値を設定するとφ(..)メモメモ。
2015.06.18
<?php function memo($gets="メモ",$chk=false){ if(!$chk)$gets.="った??!"; return $gets; } ?> <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>zip358.com:Fチェック</title> </head> <body> <p><?=memo("テスト",true);?></p> <p><?=memo("テスト");?></p> <p><?=memo();?></p> </body> </html>
DEMO https://zip358.com/tool/get-p.php
これ、覚えとくと便利な記述です、最初にFunctionの引数に初期値を与えて置けば、引数があるなしで処理を変更することも可能になります。ちょっとした事ですが知っていると知らないとでは差がでます。ちなみにC++でも同じことが出来ます。Javaで同じことが出来るかは未確認です。言語によってできる出来ないとかがあるので、アプリ開発時には注意が必要になります。Javaの場合、同じメソッド名で引数の違うものが作れてしまうのでおそらく、こういう事は出来ないと思います。この頃、知ったことですがVB6やAccessには黄金期があったということを知りました。そういえばVB6を使っていた会社があったなと、いまではVB2005とかにはバージョンアップしていると思います。こういうことを言えば敵をつくりそうですが、昔のほうがコードが見やすかった気がします。いまは、オブジェクト指向を更に良くしようと機能ベタベタ追加しているので、コードがややこしくなってきているように感じます。馬鹿なので人のコードを見るのがかなり、不得意です。
タグ
AM, body>, C++, chk, DOCTYPE html>, function memo, gets, head>, html lang, java, meta charset, p>, title>, utf-8, VB2005, VB6, zip358.com, オブジェクト指向, コード, 初期値, 引数,