Home > web / PC関連 >


CSS – テーブル内で子テーブルを右寄せ

本当にCSSが嫌いだ。
俺がCSSを嫌う理由ベスト10を発表しようじゃないか。

  1. いろんなブラウザで挙動を確認しなきゃならない気がする
  2. 発想が自然じゃない

このなかから、今回は第2位について。
下記のようなことを実現したくて調べ物をしたら、結構な時間を費やしてしまった。

やりたいこと

↓テーブル内で子テーブルを右寄せしたい
hoge

HTMLソース

<table>
<tr>
<td>↓テーブル内で子テーブルを右寄せしたい</td>
</tr>
<tr>
<td>
  <table style="margin-left:auto;margin-right:0;">
  <tr>
  <td>hoge</td>
  </tr>
  </table>
</td>
</tr>
</table>

感想

この 「両側のマージンを指定することで中央寄せや右寄せをする」 っつーのが気にくわない。
装飾的要素を排除するって考え方はいいんだけど、もうちょっとさぁ
HTMLだけでやってたときは
<td align="right">
っていう書き方だったよね。 いまや推奨されない方法になっちゃったけれど 「右に寄せる」 という目的とその記述法がシンクロしてたよね。
それがCSSになると
/* 中央寄せにしたい */
margin-left:auto;
margin-right:auto;
/* 右寄せにしたい */
margin-left:auto;
margin-right:0;
目的と記述が自然な発想で相互変換できない言語ってダメだと思うんだけど。
CSSを考えたやつは、パンが食いたいときに 「米でもパスタでもないアレを食いたい」 って言うのか?
あーやだやだ。 オカマかっつーの。

コメント : 0件

コメント投稿

トラックバック : 0件

このページへのトラックバックURL
http://www.sweetwarp.com/97.html/trackback

Home > web / PC関連 >

購読用フィード