首页 > 代码库 > 解决表格边框问题

解决表格边框问题

使用表格table的时候,border-collapse:collapse;能让单元格不重叠。但是因为我需要自适应,所以用到了float这时候这个属性就失效了。

有时候也想让ul li模拟表格样式,其实一点也不好控制边框。

一个很好的办法能解决表框问题:

<ul>背景颜色设置成 border颜色,<li>背景色设置成页面背景的颜色,<li>未覆盖<ul>的地方就是border了。

body{background:#fff}

ul{background:#ccc}

li{background:#fff;margin-left:1px;margin-top:1px}

<ul><li>的宽高计算一下就搞定了。

解决表格边框问题