margin隐藏最后的分割线无需循环输出判断是否到结尾
2014-06-26 09:56
239 查看
<style> *{margin: 0;padding: 0;} #demo li{ border-bottom: 1px solid #ccc; } #demo ul{ margin-bottom: -1px; } #demo{ overflow: hidden; } </style> <div id="demo"> <ul> <li>写个内容其实好困难啊。。。</li> <li>写个内容其实好困难啊。。。</li> <li>写个内容其实好困难啊。。。</li> <li>写个内容其实好困难啊。。。</li> <li>写个内容其实好困难啊。。。</li> </ul> </div> <style> #demo2{ background: #aaa; width:620px; } #demo2 ul{ margin-right: -100px; overflow: hidden; } #demo2 li{ float: left; margin-right: 10px; } .img{ width: 200px; height: 200px; background: #ddd; } </style> <div id="demo2"> <ul> <li><div class="img"></div></li> <li><div class="img"></div></li> <li><div class="img"></div></li> </ul> </div>
一般来说,我们都不喜欢看到最后有一条线,但是用样式去清楚那最后的线,非常麻烦,循环输出时,还要判断是否到结尾。
margin可以很好的解决这个问题。
直接上代码,不解释。
相关文章推荐
- 判断是否为2的幂||输出一个整数二进制格式中1的个数 非循环非递归实现
- margin隐藏最后的分割线
- linux 判断文件最后更新时间 实现监控日志是否有输出功能
- 有一个数列(1)循环输出数列的值(2)求数列中所有数值的和(3)猜数游戏:从键盘中任意输入一个数据,判断数列中是否包含次数
- C++练习之 素数系列(判断单个数是否为素数,输出一定范围的素数,循环判断素数)
- mysql中游标循环处理结果集时判断游标是否到结果最后
- dedecms用channelartlist标签循环输出导航时,判断一级栏目下是否有子栏目的方法?
- 判断一个单项链表是否有循环,如果有循环输出循环点
- 输入一个字符,判断它是否为大写字母,如果是,将它转换成小写字母;如果不是,不转换。然后输出最后得到的字符.cpp
- jquery判断div是否隐藏实例
- 文件磁盘相关函数[1]-判断文件(包括隐藏文件)是否存在 FileExists
- 请问如何判断一个窗口是否处于隐藏状态?
- Train Problem——判断输出序列是否是输入序列的出栈顺序
- 快慢法判断单链表中是否有循环链表
- 如何不用循环判断一个数是否为2的幂
- ifstream 流 判断文件是否结尾的函数eof()
- VC隐藏文件和判断文件是否存在
- VC隐藏文件和判断文件是否存在
- 整数逆序输出,并且判断逆序后的整数是否溢出
- 用VB判断文件、隐藏文件、文件夹是否存在