收藏本站腾讯微博新浪微博

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

蓝色理想 最新研发动态 网站开通淘帖功能 - 蓝色理想插件 论坛内容导读一页看论坛 - 给官方提建议

论坛活动及任务 地图和邮件任务 请多用悬赏提问 热夏来袭,选一款蓝色理想的个性T恤吧!

手机上论坛,使用APP获得更好体验 急需前端攻城狮,获得内部推荐机会 论坛开通淘帖功能,收藏终于可以分类了!

搜索
查看: 1838|回复: 0

[教程] isotope插件做的一个布局

[复制链接]
发表于 2013-6-27 16:59:10 | 显示全部楼层 |阅读模式
isotope还挺好的,瀑布流布局样式,自动适应布局
  1. <div class="item orgfonce isotope-item">
  2.     <div class="vignette"><img alt="1" src="img/img01.jpg"></div>
  3.     <div class="resume">
  4.         <h2>title</h2>
  5.         <h3>sub title</h3>
  6.         <p class="accroche">Description: text text text texttext text text texttext text text texttext text text text</p>
  7.         </div>
  8.     <div class="bottom">
  9.         <p class="more"><a  class="plus" href="#">Detail</a><a class="moins" href="#">Close</a></p>
  10.     </div>
  11. </div><!-- 1 -->
复制代码
演示地址: http://ilikecss.com/blog/a-beautiful-magical-layouts-template/
您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|小黑屋|Archiver|手机版|blueidea.com ( ICP05002321 )  

GMT+8, 2020-2-20 07:58 , Processed in 0.093513 second(s), 8 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表