0%

Css—display:table-cell的几种应用

TableCell 对象代表一个 HTML 表格单元格。 在一个 HTML 文档中 标签每出现一次,一个 TableCell 对象就会被创建。

元素两端对齐

我是左边的
我是右边的

.container{
display: table;
border: 1px solid #06c;
padding: 15px 5px;
max-width: 1000px;
margin: 10px auto;
min-width: 320px;
width: 100%;
}
.container_box {
width: 10px;
height: 10px;
background:#000;
text-align: center;
display: inline-block;
font-size: 40px;
line-height: 100px;
}
.container_right {
text-align: right;
display: table-cell
}
.container_left {
text-align: left;
display: table-cell
}