display:table-cell可以用来：
/*图片垂直居中*/
/*父元素*/
{
display:table-cell;
vertical-align:middle;
}
/*子元素*/
{
vertical-align:middle;
}
/*等高布局*/
<div>
<div style="background-color:blue;display:table-cell;">
我是蓝色块
</div>
<div style="background-color:yellow;display:table-cell;">
我是黄色块
我是黄色块
</div>
</div>
/*自动平均划分元素*/
/*父元素*/
{
display:table;
}
/*子元素*/
{
display:table-cell;
}
display:table-cell可以用来： 图片垂直居中于元素 等高布局 自动平均划分元素，并在一行显示 如果...
display:table ; 设置为table-cell的父级元素display：table-cell; 设置为...
1.使用display:table和display:table-cell
使用display：table-cell
方法1： display: table-cell html结构： css： 方法2：display: flex h...
知识梳理 display:tabledisplay:table-cell，相当于td元素display:table...
body.el-tableth.gutter{ display: table-cell!important; } ...
1.css 垂直居中 1.1. table-cell (父级盒子设置display: table-cell;ver...
1. display:table; 和 display:table-cell;实现动态垂直居中 思路：父级元素使用...
1>设置display:table-cell 淘宝font-size法.box1{ display:table-c...
本文标题：display:table-cell的强大功能
本文链接：https://www.haomeiwen.com/subject/jziiwltx.html
网友评论