前端技巧

未知宽高元素的水平垂直居中

2016-02-05  本文已影响189人  灵籁

4种实现思路

  1. table布局(display:table)
  2. 绝对布局(position:absolute)+translate
  3. 转化为行内标签display:inline-block,借助另外一个标签高度来实现
  4. 通过js的获取标签的宽高来控制位置,得在元素加载完成后调用js
  5. flex布局(box-flex)

代码栗子

上一篇 下一篇

猜你喜欢

热点阅读