如果表格的css {宽度：100％}，则图表的图例移动到左侧

Question

如果表格{宽度：100％}的css，则图表的图例移动到左侧。

如果我想维护表{width：100％}，那么我可以做什么，因为它是站点范围内应用的css？

jsfiddle

Answer 1

如果您的Flot图表的父元素具有ID或类，您可以仅覆盖该父级中的表的宽度，如下所示：

#placeholder table { width: 200px !important; }

但这确实是一个黑客攻击;限制很明显。

真正的解决方案是摆脱现有规则。全局表规则是一个非常糟糕的主意，这个问题说明了原因。迟早你会在不同的环境中再次遇到同样的事情，而且可能更难修复。

你的问题被投票的原因是因为任何严肃的网页设计师在听到你有一个全局表规则时会感到畏缩。

您应该通过以下任一方式解决问题：

1. 提供您的表格类，即<table class="myclass" ...>，然后将您的100％宽度放在table.myclass规则中。

2. 如果您的表共享父级，请为其指定一个类，然后使用.my-tables table之类的规则来仅影响您所在区域中的表格。