html勉強中の初心者です。
毎度検索して調べてしまうため、ここにhtmlで表示した表の中のテキストを、中央揃えする方法を記しておきます。
CSSを使って体裁を調整する方法
表中のすべての要素を中央揃えする場合
カスタムCSSを使って、表の要素を中央揃えにしてみます。
先に具体的に前と後で、どのように変わるのかを示しておきます。
入力したCSSコード
td {
text-align: center;
vertical-align: middle;
}
コードの説明
| プロパティ名 | 意味 |
|---|---|
| text-align | 水平方向 |
| vertical-align | 垂直方向 |
| 値 | 意味 |
|---|---|
| center | 左右中央揃え |
| middle | 上下中央揃え |
補足：表をhtmlコードに変換するツール
表を入力したい、と思ったときに活用しているツールを紹介しておきます。
まず、Excelにデータを入力します。
これを変換サイトに貼り付けてコードを生成してもらっています。
変換サイトの紹介：
Excel to Table | Excel表からHTMLテーブルへ一発変換 | すぐに使える便利なWEBツール | Tech-Unlimited
コメント