div 写table 自适应表格

Test Case Name:
3
Total Steps:
2
Application:
1
Device:
9
Start Time:
8
End Time:
7
Duration:
6
Environment:
5
Passes:
4
Fails:
3
Warnings:
2
Skipped:
1

.case_summary_div{
font-family: Calibri;
font-size: 16px;
color: #333333;
display:inline-table;
border:1px #8d8d8d solid;
width:29%;
}
.case_summary_inner_div{
display:table-row;
height: 30px;
}
.summary_value{
display:table-cell;
vertical-align: middle;
text-align: left;
padding-left: 5px;
border-bottom:1px #8d8d8d solid;
border-right:1px #8d8d8d solid;
}
.border-right-none{
border-right: none;
}
.border-bottom-none{
border-bottom: none;
}

你可能感兴趣的:(CSS,前端)