オンラインPC館

その他のCSSレイアウト

文字の高さ合わせ

line-heightは行の高さを指定するものですが、ここの値をheightと同じにすると縦の中央寄せになります。

要素 {line-height:heightと同じ数値にする;}

アウトラインの非表示方法

リンクをクリックした時に出るアウトライン(点線)は、ほとんどの人が不要だと思います。
これを消す方法は以下のようにリンクのスタイルを指定するだけです。

a:link {outline:none;}

見出しタグを改行させない方法

h1などの見出しタグは通常自動的に改行されますが、これを無効にする方法です。

要素 {display:inline;}

画像下の隙間を消す方法

画像の下の隙間を消す方法です。
以下のどちらかで消えると思いますが、vertical-alignはブロック要素には効果がないので注意してください。

  1. 要素 img {display:block;}
  2. 要素 img {vertical-align:bottom;}

olの数字やulの記号が消える時の対処法

olの数字やulの記号が消える時の対処法です。

ol li,ul li {margin-left:25px;}

トップページテクニックウェブ制作テクニック → その他のCSSレイアウト