skillup

技術ブログ

デザイン

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

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

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

中央寄せ

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

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

命名

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

テーブル

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

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

-デザイン
-, ,

執筆者:


comment

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

関連記事

no image

Bootstrapまとめ form+画像

前回に引き続きbootstrapネタについて。 Contents1 フォーム1.1 通常のinput1.2 項目名:入力欄の形式1.3 入力欄+ボタン(検索などでよくあるパターン)2 画像2.1 参考 …

no image

一般的なWebサイト制作について

実務で通常のWebサイトを作成するというお仕事が。 Webサイトを改めて作成するっていう経験からはだいぶ遠のいてましたんで、これを機にスキルをまとめたいなーって思います。 サイト作成といっても本格的な …

no image

HTML/JS/JavaScriptのキャッシュ機能の無効化に関して

AngularJSを使っていまして、更新したのにキャッシュ機能が働いていてブラウザでは変更が反映されてない・・・なんてことがちょいつづき、キャッシュを無効化する機能を調査しました。 まず通常のHTML …

no image

jquery multipleについて(応用編) keepOrder

さて、複数選択だけなら前回のエントリーだけでなんとかなりますが、左の項目の順番を入れ変えて保存したい場合、難易度がかなり上がります。 公式ページには下記のように書けばOKとかいてあります。 [cray …

no image

vertical-alignの挙動に関して

cssでの中央ぞろえを行う場合、横は案外簡単なんですが、縦の中央ぞろえは結構難しかったりします。 css中央ぞろえ ざっとまとめると以下のようなかんじでしょうか。 テキストのみの1行タイプであればli …

アーカイブ