html>
CSS display:table-cell 使用
* {
box-sizing: border-box;
}
.content {
display: table;
border: 1px solid #06c;
padding: 15px 5px;
max-width: 1000px;
margin: 10px auto;
min-width: 320px;
width: 100%;
}
.content ul {
display: table;
width: 100%;
padding: 0;
border-right: 1px solid #ccc;
}
.content ul li {
display: table-cell;
border: 1px solid #ccc;
text-align: center;
height: 100px;
border-right: none;
line-height: 100px;
}
- 1
- 2
- 3
- 4
- 5