摘要: 做东西时偶尔弄出来的一个小图片切换,感觉比较轻量(其实原理很坑)打算发上来,然后去修饰了一下,加上无限循环以后结果变臃肿了....html: css:* { padding: 0px; margin: 0px; list-style: none;}ul { position: relative; width: 1200px; height: 500px; margin: 0px auto; overflow: hidden; border: 1px solid #06c; } js:$(fun... 阅读全文
posted @ 2013-11-07 21:31 chhhen123 阅读(151) 评论(0) 推荐(0) 编辑
摘要: 上篇小写了下inline-block,这篇咱们聊聊table-cell对我来说table-cell在一般情况下是用来做垂直居中的html: 内容2 内容3 内容4 内容5 css:.nav { width: 1200px; margin: 0px auto; overflow: hidden; border: 1px solid #cc0033;}.nav .list { overflow: hidden;}.nav .list .item { list-style: none; display: inline-block... 阅读全文
posted @ 2013-11-07 20:29 chhhen123 阅读(263) 评论(0) 推荐(0) 编辑
摘要: 前阵子弄了点东西,被inline-block整了个半死,总结了下,大概下面几种用法,小弟新手,各位勿喷...1.导航菜单html: 内容1 内容2 内容3 内容4 内容5css:.nav { width: 1200px; margin: 0px auto; text-align: center; border: 1px solid #c03;}.nav .navLink { width: 150px; line-height: 35px; color: #666; text-align: center; text-dec... 阅读全文
posted @ 2013-11-07 19:27 chhhen123 阅读(186) 评论(0) 推荐(0) 编辑