css - jqplot 图例和 CSS 浮动的问题

Question

我在使用 jqplot 图表图例时遇到问题。我在它的顶部有一个图表和一个图例。图例是一个table，每个颜色和文本字段加起来都是tr。我将float: left;CSS 属性设置为tr元素，将max-widthCSS 属性设置为table元素，因为我想要具有相同宽度的图例和图表。图例的位置是从 jqplot 选项自动设置的。在IE9中，它可以完美运行，正如您从这张图片中看到的那样：

http://s13.postimage.org/61f0ks5uf/image.png

但问题来自Chrome：

http://s13.postimage.org/4jtk9813r/chrome.png

如您所见，图例在容器上方，但我想要像 IE 这样的图例维度。我能怎么做？谢谢和对不起我的英语！

Answer 1

用两行图例进行测试。

像这样的东西：

 legend: {
           show: true,
           location: 'n',
           placement: 'outside',
           rendererOptions: {
                  numberRows: 2                           
           }
         }