niu19981114

图片水平垂直居中情况很多,最简单的办法是吧图片设置为背景,给背景设置background-position:center;

如果只能用图片的话:

1.图片宽高固定,这种情况很简单。
水平居中:就在图片的css中加 dispaly:block;margin:0 auto;
垂直居中:自己算出(div的高度-图片的高度),得到margin-top值即可。

2.给div设定text-align:center;可使图片水平居中;

再给图片img设定 vertical-align:middle;即可达到垂直居中(是给图片加不是给外面的div加 ,不要记错哦!)

分类:

技术点:

相关文章:

  • 2021-12-15
  • 2022-02-12
  • 2022-01-09
  • 2021-11-30
  • 2022-12-23
  • 2021-12-05
  • 2021-08-31
  • 2021-12-05
猜你喜欢
  • 2021-12-05
  • 2021-05-16
  • 2021-12-05
  • 2021-12-05
相关资源
相似解决方案