注册登录

紫苏

发布：2016-07-12 08:34
更新：2016-07-13 17:13
阅读：4988

如何添加分割线尝试了mui-table-view-cell不行

分类：MUI

如图

2016-07-12 08:34 负责人:无分享

4 个回复

赵梦欢 - 专注前端，乐于分享！

.mui-table-view-cell:after {  
      position: absolute;  
      right: 0;  
      bottom: 0;  
      left: 15px;  
      height: 1px;  
      content: '';  
      -webkit-transform: scaleY(.5);  
      transform: scaleY(.5);  
      background-color: #c8c7cc;  
}

如果需要将线变成100%宽，设置left: 0px；

紫苏 (作者)

OK 改好了谢谢小青年

2016-07-13 08:55

Danny - QQ125904483

部分浏览器、低版本机器、模拟器看不到横线，试试真机运行

紫苏 (作者)

已经改好了谢谢大兄弟

2016-07-13 08:55
CFee

-webkit-transform: scaleY(.5);

transform: scaleY(.5);

看不到横线的,试试删了这两句,半个像素,有时候浏览器忽略渲染的

2016-07-14 02:29

不行就加border

紫苏 (作者)

已经改好了谢谢大兄弟

2016-07-13 08:55

柠檬下午茶

其实上面的方法都不行的话，你可以在两行中间加一个高度一像素的div，设置背景颜色为分割线颜色，这个是肯定没问题的

紫苏 (作者)

已经改好谢谢兄弟

2016-07-20 11:37
柠檬下午茶

其实不是兄弟，是姐妹，哈哈

2016-07-22 16:39

该问题目前已经被锁定, 无法添加新回复