CSSでリストから表を作る方法!2列、3列、4列のレイアウトはこうすれば良いけど罫線が問題
今回はサンプル3を利用させていただきました。
ul.listtest3 {
display: table;
width:100%;
}
ul.listtest3 > li:nth-child(3n+1) {
clear: both;
}
ul.listtest3 > li {
display: table-cell;
float: left;
width: 33%;
}
あとは少し行間を調整します。
【CSS】line-heightで行間を調整する方法:おすすめの値は?
0 件のコメント:
コメントを投稿