HTML表の中で数字は右に寄せ、漢字はセンタリング

HTML表の中の文字位置

HTML表の中で数字は右に寄せ、漢字はセンタリングをしたい。

エクセルで一覧表を作成し、それをWebページに貼り付けると、下記のように左寄せで表示される。

富山県 21,601 1,020
石川県 6,045 23
福井県 68,898 1,449
山梨県 18,330 644
長野県 475,015 41,450
岐阜県 16,619 655
静岡県 16,726 1,162

トップにあるtableタグのコードを下記のように書き換えることで

<table>

<table style="text-align: right;">

一括に文字位置をかえる(上記の場合は右寄せ)ことができる。

しかし漢字のみセンタリングにしたい場合もある。

そんな時は正規表現の出番だ。

テキストエディターの活用

テキストエディターで漢字を抽出できればその部分の位置を変えればよい。

今回の例だと上記表の富山県はコード表記が以下となる。

<td>富山県</td>

これを選び出し書き換えればよい。

テキストエディターで漢字を抽出するコードは以下となる。

[一-龠々]+

「+」は複数の漢字という意味

正規表現で検索窓に「<td>([一-龠々]+)</td>」と入力、

置換窓に「<td align="center">$1</td>」と入力し一括変換

$1は()でくくられたグループ単位、数が増えれば先頭から$1、$2となる)

結果下記のよう漢字部分はセンタリング、数字は右寄せになる。

富山県 21,601 1,020
石川県 6,045 23
福井県 68,898 1,449
山梨県 18,330 644
長野県 475,015 41,450
岐阜県 16,619 655
静岡県 16,726 1,162

 

「イヴァンよお前にやる花はない」プラハの花屋

REMEMBER3.11