Css—display:table-cell的几种应用
TableCell 对象代表一个 HTML 表格单元格。
在一个 HTML 文档中 <td> 标签每出现一次,一个 TableCell 对象就会被创建。
元素两端对齐
<div class="container">
<div class="container_left">
<div class="container_box">我是左边的</div>
</div>
<div class="container_right">
<div class="container_box">我是右边的</div>
</div>
</div>
.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
}