skillup

技術ブログ

デザイン

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

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

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

中央寄せ

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

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

命名

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

テーブル

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

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

-デザイン
-, ,

執筆者:


comment

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

関連記事

no image

レイアウトカラム落ち対策

自分のPCでは大丈夫なんだけど、別PCで見るとカラム落ちするケースがあり、ちょっと対策を。 もちろん幅調節とかそういうのはなし。 Contents1 flex-wrap:nowrap2 display …

no image

レスポンシブサイト作成に関して

実務でレスポンシブを作ったので、そのまとめに関して。ちなみにPCのサイト自体も作ったことなかったのでそのまとめに関しても。 メインキャッチの処理は縦横の比率を変えない、常に要素を中央に配置するとなると …

no image

ドロップダウンリスト

本日はヘッダーメニューとかで見られるドロップダウンリストについて。 bootstrapを使った方法は下記に。 http://skill-up-engineering.com/?p=1157 通常のHT …

no image

画面の制御フローなど

複雑な帳票系アプリではよくあると思うのですが、ある入力値が複数の場所から影響を受けており、制御がなかなか難しいときなどがあります。 例として クリアボタンなどでクリアされる 他のプルダウンなどで影響を …

no image

tableのレイアウトに関して

tableのcssに関して。 https://github.com/umanari145/css 幅を決めるのでも%表記をしたいときはauto、数値固定で行きたいときはfixed。 詳しくはリンクのt …

アーカイブ