2020年5月13日tableで気を付けたいポイントなど。通常のtableのラインは二重線でちょっと気持ちが悪いです。通常はcollapseが一般的でしょう。#000}tableのレイアウトtable-layoutを使うことで、各セルの幅をコントロールすることができる。auto全体を読み込んでから幅の長さを決定する。幅がテキストの長さに依存。幅が長ければ長いほどセル幅も長くなる。fixed幅を指定したいときにはこれをつかう。一行目を読み込んだ時点で幅の長さを決定する。幅が指定されている必要があり、幅が指定されていないと等間隔になります。widthなどで値を指定できますが、基本としては下記のような特徴があります。親以上の幅は取れない他のテーブルの文字をつぶすことはできない同一列で長さが違った場合(例えばthとtdなど。)は長いほうが優先される★スタイルシートリファレンスCSSでtable幅を設定するためのまとめ中央ぞろえはtext-alignとvertical-alignで決まります。nth系たとえば最終列のみ右寄せにしたい場合は下記のように書きます。}123td:last-child{text-align:right;}4列目と6列目を右寄せにしたい場合は下記のようになります。}123tr:nth-child(2n){background:色;}※ちなみに奇数は2nの代わりに2n+1など。コメントをキャンセルメールアドレスが公開されることはありません。※サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。関連記事HTML5のinputタグのvalidatorについてHTML5は標準でinputタグのバリデーション機能がついており、必須チェックや簡単なエラーチェックなどをすることが出来たりします。...flexについてCSSのflexをちょこちょこ使ってます。以前下記リンクで超簡単なサンプルは動かしましたが、実践的なことは何もやっていませんでした。...テンプレートエンジンTwigについてSmartyにかわるテンプレートエンジンとしてTwig(ツィッグ)を勉強中。いってもテンプレートエンジンなので基本的なことはほとんど一緒っぽいですが。...頻出CSSのまとめ普段PHPでシステムを作るときはほぼフレームワークを使い、よく出る頻出処理に関してはユーティリティ系のクラスにまとめてます。