inline-blockをちょうどいい感じにブロックの中に並べるcssと注意点 - kanonji’s diary

inline-blockをちょうどいい感じにブロックの中に並べるcssと注意点 - kanonji’s diary

http://jsdo.it/kanonji/1Hm4 こんな感じで、縦横100pxの正方形を、縦横10px空けながらinline-blockで配...概要を表示 http://jsdo.it/kanonji/1Hm4 こんな感じで、縦横100pxの正方形を、縦横10px空けながらinline-blockで配置したい場合のcssです。ネガティブマージンを使うんですが、ちょっと注意点もあったので、やり方とその注意点をメモしておきます。 やり方 <h2>Target</h2> <div id="target"> <ul> <li></li ><li></li ><li></li ><li></li ><li></li ><li></li ><li></li ><li></li ><li></li> </ul> </div> htmlはこんな感じ。配置したいブロックをdiv要素で作って、そこに配置するul/li要素を入れます。inline-blockのマークアップは、改行やスペースを入れるとテキストノードが入る事で、cssでコントロールできない隙間が出来ち

• css
• WEBデザイン
• webdesign