将图表置于bootstrap旋转木马内部

Question

我正在使用highcharts制作图表，然后在我的旋转木马中的div内渲染它，但它们似乎偏向左侧。如何将每个div（内联）居中？

我的轮播示例

<div class="carousel-inner">

            <div class="item active">
            <div id ="chartId"></div>
                             //chart is appended here
                 <div class="carousel-caption">
                 </div>
            </div>
</div>

尝试：

1. 将style="width:100%"添加到图表的div中 - 无效
2. 添加style="width:800px; margin:0 auto;"这似乎有效但取决于显示器的变化？

Answer 1

设置margin: 0 auto将始终以图表为中心，无论显示器