CSSメモ

CSSメモ
display:inline-block;で要素を横並びにしたときの隙間

最近は、li要素を横並びにするときに、 display:inline-block; をよく使うように。 ネットショップなどで、商品を並べるときに、 高さが違っても崩れないから便利。 その時にできてしまう隙間を消す方法。 […]

続きを読む
CSSメモ
フロートのメモメモ

float:leftで右マージン20pxで並べたとき、 一番右のボックスは、右マージンいらないというCSSメモ。   [html] #home02_box { width: 890px; overflow: hidden […]

続きを読む
CSSメモ
min-widthとか

熱はないけど、喉の痛みがひどくて、本日のマルシェワンダーランド行きを断念。 1日おとなしく、おうちで家事&お仕事することに。しょぼん。 でも、家族はみんな留守だから、キママに過ごそう日曜日。 今日は、2件のメモ。 最近、 […]

続きを読む
CSSメモ
背景画像もレスポンシブ

メモメモ 背景画像を指定してるCSSに追加するだけ。 [html]background-size:contain;[/html]

続きを読む
CSSメモ
中央配置[CSSメモ]

フロート使わずに、フロートさせて、 そして、縦の中央配置。 どんな高さでもOK! あ〜まいりました。 letter-spacing:normal; vertical-align:middle; display:inlin […]

続きを読む