Ads by Google
ページ詳細
85
users
users
webデザイナーのナナメガキ: CSSとprototype.jsで「ぶら下げ」レイアウトをやってみた
- 記事本文 : http://loconet.web2.jp/blog/archives/2007/03/cssprototypejs.html
- タグ : CSSAjaxprototype.jsdesignjavascriptLDR
- 関連ページ : [ loconet.web2.jp ]の新着ページ
まずは最近知って便利だと思ったCSSの小技をひとつ。
文章の最後に、「※（米印）」などで注釈を入れたいときに、CSSのみで行の開始位置を揃えるのにすごくシンプルなやり方がこれ。
.note {
padding-left:1em;
text-indent:-1em;
}
<p class=”note”>※米印を使う場合はこいつが便利。<br />
改行してもこの通り。ちゃんと開始位置が揃ってる。</p>
「padding-left : 1em;」でまず１文字分右に動かして、「text-indent ...
コメント
読み込み中...
lockエラー | 月額200円からのレンタルサーバー JSN
lockエラー | 月額200円からのレンタルサーバー JSN
Quoted: webデザイナーのナナメガキ。webデザインに関して思うこと。xhtml+cssやperl、phpなどの備忘録。
「これ考えた人はえらいっすねぇ。」→DTP時代からある伝統芸ではある。DTPとWebがシームレスにつながらなかったので新たな発見になっちゃったということか。そういう意味ではDTPな人の活躍の場も残っているよね
"※"などで注釈を入れたいときに、CSSのみで行の開始位置を揃えるのにすごくシンプルなやり方
FAQやインタビュー形式の記事で、<dl>で綺麗に字下げ（インデント）する方法
インデント
賢い。prototype.js はいやだけど。
lockエラー | 月額200円からのレンタルサーバー JSN