-2

如果表格 { width:100%} 的 css，则浮动图表的图例移动到左侧。

如果我想维护 table { width:100%} 因为它是站点范围内应用的 css，我能做些什么吗？

jsfiddle

4

1 回答 1

2

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

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

不过，这确实是一个技巧。局限性是显而易见的。

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

您的问题被否决的原因是，任何严肃的网页设计师在听到您有全局表格规则时都会畏缩。

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

  1. 给你的表类，即<table class="myclass" ...>然后把你的 100% 宽度放在一个table.myclass规则中。

  2. 如果你的表共享一个父表，给它一个类，然后使用一个规则，比如.my-tables table只影响你所在区域的表。

于 2012-10-07T13:42:21.910 回答