如何动态居中图像？

Question

使用css和javascript/jquery,如何将我在页面上垂直显示的图像居中？让我画一幅图.这就是我所拥有的......

-------
|     |
|     |
-------
----------
|        |
|        |
----------
------
|    |
|    |
------

这就是我要的

  -------
  |     |
  |     |
  -------
-----------
|         |
|         |
-----------
   -----
   |   |
   |   |
   -----

Answer 1

在居中的图像类上设置以下CSS:

display: block;
margin: 1em auto; /* the key here is auto on the left and right */