表の幅そろえて文字センタリングしたいと言うリク
エストがありましたので作ってみました。テーブルはあまり得意ではないのでちょっと苦労しました。
|
チーム名
| 埼玉栄
| 西武ＷＢＪｒ
| 日大鶴ヶ丘
| 東洋高校
| |
埼玉栄
| １－８
| ７－６
| ４－４
| ４－３
| |
西武ＷＢＪｒ
| １－12
| ０－６
| ５－８
| ４－５
| |
日大鶴ヶ丘
| １－12
| ０－６
| ５－８
| ４－５
| |
東洋高校
| １－８
| ７－６
| ４－４
| ４－３
| |
||<#ffffff' ``||
||||<#99ffff' width=80' ``チーム名
||||<#ccffff' width=80' ``埼玉栄
||||<#ccffff' width=80' ``西武ＷＢＪｒ
||||<#ccffff' width=80' ``日大鶴ヶ丘
||||<#ccffff' width=65' ``東洋高校
||<#ffffff' ``||
||||<#ffff99' ``埼玉栄
||||<#ffffcc' ``１－８
||||<#ffffcc' ``７－６
||||<#ffffcc' ``４－４
||||<#ffffcc' ``４－３
||<#ffffff' ``||
||||<#ffff99' ``西武ＷＢＪｒ
||||<#ffffcc' ``１－12
||||<#ffffcc' ``０－６
||||<#ffffcc' ``５－８
||||<#ffffcc' ``４－５
||<#ffffff' ``||
||||<#ffff99' ``日大鶴ヶ丘
||||<#ffffcc' ``１－12
||||<#ffffcc' ``０－６
||||<#ffffcc' ``５－８
||||<#ffffcc' ``４－５
||<#ffffff' ``||
||||<#ffff99' ``東洋高校
||||<#ffffcc' ``１－８
||||<#ffffcc' ``７－６
||||<#ffffcc' ``４－４
||||<#ffffcc' ``４－３
||<#ffffff' ``||
ポイント：
●一番上の行のみ幅指定してやれば後は合わせます。
●最後の列が何故か長くなるので－15pxしてます。
|
チーム
| 埼玉栄
| 西武ＷＢＪｒ
| 日大鶴ヶ丘
| 東洋高校
| |
埼玉栄
| １－８
| ７－６
| ４－４
| ４－３
| |
西武ＷＢＪｒ
| １－12
| ０－６
| ５－８
| ４－５
|
||<#ffffff' ``||
||||<#99ffff' style='width:80px;height:80px;writing-mode:tb-rl' ``チーム
||||<#ccffff' style='width:80px;writing-mode:tb-rl' ``埼玉栄
||||<#ccffff' style='width:80px;writing-mode:tb-rl' ``西武ＷＢＪｒ
||||<#ccffff' style='width:80px;writing-mode:tb-rl' ``日大鶴ヶ丘
||||<#ccffff' style='width:80px;writing-mode:tb-rl' ``東洋高校
||<#ffffff' ``||
||||<#ffff99' ``埼玉栄
||||<#ffffcc' ``１－８
||||<#ffffcc' ``７－６
||||<#ffffcc' ``４－４
||||<#ffffcc' ``４－３
||<#ffffff' ``||
||||<#ffff99' ``西武ＷＢＪｒ
||||<#ffffcc' ``１－12
||||<#ffffcc' ``０－６
||||<#ffffcc' ``５－８
||||<#ffffcc' ``４－５
●縦書きにしたいと言うリクエストにお答えしました。
height:80;writing-mode: tb-rl を付け加えてます。
letter-spacing:8; を足すと文字間隔調整できます。
