html - 如何在 div 中居中 jquery 迷你图 Canvas

Question

我似乎无法将由 jquery 迷你图创建的 Canvas 置于 div 元素的中心。 Canvas 具有固定宽度，但通常的 css (display:block; margin:0 auto;) 似乎不起作用。

这是 jsfiddle:

http://jsfiddle.net/7V5nH/

谁能告诉我如何让 Canvas 居中？

谢谢

Answer 1

试试看

<div class="chartContainer">
    <div class="inlineSparkline">1,4,4,7,5,9,10</div>
</div>

css

.chartContainer {
    border:1px solid green;
    width:300px;
}

.inlineSparkline {
    display:block;    
    margin: 0 auto;
    text-align:center;
}

demo