1.方案一：
.weui-cell{
position:relative;
}
.weui-cell:before{
content:" ";
position:absolute;
left:0;
top:0;
right:0;
height:1px;
border-top:1pxsolid#e5e5e5;
color:#e5e5e5;
-webkit-transform-origin:00;
transform-origin:00;
-webkit-transform:scaleY(0.5);
transform:scaleY(0.5);
left:15px;
}
原理：父級設(shè)置相對定位，通過偽類來給父級添加子元素設(shè)置相對于父級的絕對定位耸黑，設(shè)置其高為一個像素桃煎，然后設(shè)置上邊框也為一個像素，最后通過 CSS3 的 transform 屬性把偽元素縮放為原來的一半大小大刊。
2.方案二：
.mui-table-view-cell{
position:relative;
}
.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;
}
原理跟 方案一差不多为迈，只不過 方案二 是通過背景來實(shí)現(xiàn)線條的展現(xiàn)。
當(dāng)你把這兩個 demo 在瀏覽器中放大到 400% 并且行高都設(shè)置為 1 時(shí)你會明顯的看到這條一個像素的線并不是在兩行文字的中間缺菌。要解決這個問題也非常地簡單葫辐。我們拿 方案二為例子，只需要給 mui-table-view-cell 添加 padding-bottom: 1px; 就可以了伴郁。
