您可以使用 CSS 的 text-align 和 flex 属性来实现这个效果：
2.接下来，使用 flex 属性将图表容器设置为 flex 布局，以便在垂直方向上居中：
3.最后，您可以通过调整 flex-direction 属性来控制图表在垂直方向上的方向。如果需要向下居中，可以将 flex-direction 设置为 row，然后将 align-items 设置为 flex-end：
这样，图表就会在垂直方向上居中，并且向下居中。
要让图表既能居中又能向下，可以使用CSS的定位属性。首先，将图表的父元素设置为相对定位（position: relative），然后将图表自身设置为绝对定位（position: absolute）。
接着，使用top和left属性来调整图表的位置，使其居中和向下偏移。
具体地，可以将top属性设置为50%，表示向下偏移50%的父元素高度，然后再将margin-top属性设置为图表高度的一半的负值，将图表居中。
最后，通过调整left属性来微调图表的水平位置。例如，可以将left属性设置为50%，再使用margin-left属性将图表向左偏移一半的宽度，达到水平居中的效果。
第一种方式：设置body 居中。在CSS中的代码是（body{text-align:center;}）第二种方式：用盒子模型，首先设置一个Div ，这个DIV的宽度为100%，然后在这个DIV居中，那么在这个DIV中加的内容就居中显示，代码如下：CSS 样式代码：第三种方式：margin：0 auto；
通常的方法为：先设置div的宽度，然后使用如下样式：