display:table css,CSS display:table-cell 使用

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