1. 程式人生 > >CSS九宮格樣式

CSS九宮格樣式

idt adding add ali cnblogs padding pad logs title

CSS

.main>div { width: 14%; min-width: 160px; padding: 2%; height: 60px; border: 1px solid #f4f4f4; float: left; background: #fff; } .main>div img,.main>div a{display: block; text-align: center; margin: 0 auto;}

html

<{volist name="coin" id="v"}> <div> <img height="30" src="<{$v[‘pic‘]}>" /> <a target="_blank" href="<{$v[‘url‘]}>"><{$v[‘title‘]}>(<{$v[‘uuid‘]}>)</a> </div> <{/volist}>

CSS九宮格樣式