トップ   編集 凍結 差分 バックアップ 添付 複製 名前変更 リロード   新規 一覧 単語検索 最終更新   ヘルプ   最終更新のRSS

HTML:CSSメモ

Last-modified: 2013-12-31 (火) 22:34:46 (1211d)
Top / HTML:CSSメモ

HTML:CSSメモ

調べたことを忘れないように

  • 左右中央に配置
    margin: 0 auto;
  • 左右中央に配置して、下を20px空ける
    margin: 0 auto;
    margin-bottom: 20px;
  • 画像を中央寄席
    img{
    	display:block;
    	margin: 0 auto;
    }
  • フロートで右寄せ
    float: right;

  • 一定幅を越えたら「…」でテキストを切る
    .targetText {
    	display:inline-block;
    	width: 200px;
    	white-space: nowrap;
    	overflow: hidden;
    	text-overflow: ellipsis;
    	-webkit-text-overflow: ellipsis;
    	-o-text-overflow: ellipsis;
    }
    参考URL
  • https://developer.mozilla.org/ja/docs/Web/CSS/text-overflow

  • 角を丸にする
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;