HTML:CSSメモ
Last-modified: 2013-12-31 (火) 22:34:46 (3446d)
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;