zl程序教程

您现在的位置是:首页 >  其它

当前栏目

解决表格边框问题

解决 表格 边框 问题
2023-09-14 08:57:09 时间

1.使用表格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>的宽高计算一下就搞定了。

 

2.同样需要自适应,我需要ul宽度100%,也需要边框,但是margin占了宽度,不要占宽度用outline