3文字幅揃え問題
CSSのはなし。
そういえば僕は「価格」という単語を「価 格」みたいにスペースを空けて表記するのに良いアイディアを持っていないなぁ。「商品名」みたいな3文字の語と「価格」みたいな2文字の語が表の項目として並ぶので3文字幅で統一してくれ、てな要求があったんですけどね。
無意味なスペースで単語を分断するのはHTML的にNGなので、HTMLに書くわけにはいかない。そしてtext-align: justify;は思ったように動作してくれない。
letter-spacingで調整したくても、ブラウザによっては「価 格 」みたいに4文字幅にされてしまい、思った動作と違う。文字の間隔なんだから終端に空白はいらねぇよと画面に向かってつぶやきます。
IE6まで対応しようとするとcontentプロパティや、first-letter疑似要素も使えない。
画像化して代替テキストってのが手っ取り早く目的を達成できるけど、無駄に画像を使うのは美しくないなぁ。いっそrubyで読み仮名…いや、違う。じゃぁtitleで補足説明入れてごまかしとく?
なんてあれこれ考えるんだけど上手い処理方法が見つかりません。
投稿者 | CASPAR003 |
投稿時刻 | 22:53 |
カテゴリー | 雑記 |
コメント | 0 件 |
トラックバック | 0 件 |
記事へのリンク | http://www.caspar003.info/delta/archive/2009/04/18/2253.html |
コメント
- 投稿者
トラックバック
- トラックバック