skillup

技術ブログ

デザイン

CSSはまりやすいポイント ※随時更新予定

投稿日:2016年7月23日 更新日:

CSSにてよく確認するのネタに関して

中央寄せ

  • vertical-alignを指定できるのは「インライン要素」と「テーブルセル」だけ
  • text-align:centerはインラインのみ。
  • margin:autoは高さ、幅を指定しないと効かない
  • 対象がブロックレベルかインラインかで全く違ってくる

【CSS】要素を上下左右に中央寄せする色々な方法

命名

もう、class名やid名で悩まないんだからっ!!

テーブル

  • 意図した幅にならない場合は自動調整が働いている。table-layout:fixed;を設定。

CSSでtable幅を設定するためのまとめ

-デザイン
-, ,

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

no image

スマホサイトの横ぐらつき ~border-size:border-boxigについて

スマホサイトをつくっていたところ、横幅がぐらつくというあり得ない事態に・・・ どうやら内部の幅が100%を超えるときにこの現象が起きてしまうようです。 Contents1 対策1 コンテンツの幅が10 …

no image

positionを使うときに注意すること

positionを使ったときに色々なまとめ。 親>子>孫だったときに親がrelative、子、孫がabsoluteだと孫の基準点は子になる(ソース参照) position:absolute …

no image

パララックス系のギャラリー(中央ネタ)

ギャラリー的な画像を使ったときに思ったこと。下記が画像の標準的な扱い方かな・・・ 枠自体は高さも幅も決める(li要素のwidth,heightは決める) 基本は画像要素を中央揃え(positionの5 …

no image

共通CSSに必要な要素

簡単な業務アプリだとBootstrapなどのCSSフレームワークを使うことが多かったのですが、不必要な機能があることもあり、自作で非常に手軽なCSSを集めてこれを共通のCSSとして使うことが多いです。 …

no image

CSSのブロックとインライン、レイアウトについて

今回はCSSを組む時のブロックレベルとインラインの基本とレイアウトに関して。 Contents1 ブロックレベルとインライン1.1 ブロックレベル要素1.2 インライン要素2 レイアウトに関して2.1 …