随手记录一下
display: inline 就变成了横排版
也可以使用float:left
使用 li{padding-right: 10px} 元素之间的边距。
CSS:
-
#children-list, #works {
-
padding: 15px 0px;
-
}
-
#children-list li, #works li{
-
display: inline;
-
}
-
#children-list li a, #works li a{
-
padding-right: 10px;
-
}
-
-
#children-list img, #works img {
-
box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
-
padding: 12px;
-
background: rgba(255,255,255,0.9);
-
width: 250px;
-
}
效果如图：
阅读(2224) | 评论(0) | 转发(1) |
