Question

我试图在边框为1px的tr中显示d3条形图。它在Firefox中运行良好，但在chrome中，右边框没有出现！也许这是一个空间问题，或者我错过了一些东西。无论如何，这是tr的代码（表格是1000px宽度）：

<table class="table table-condensed" style="border-collapse:collapse; width: 100%; padding-top: 10px;">
<tr style="border: 1px solid #DEDEDE;">
     <td colspan="6" class="hiddenRow" style="padding: 0 !important;">
        <div class="accordian-body collapse" style="font-size: 12px; padding-top: 5px; padding-bottom: 5px;" align="center" id="graphDiv1">
        </div>
     </td>
</tr>
</table>

这是d3 javascript函数：

var margin = {top: 30, right: 150, bottom: 30, left: 50},
        width = 900 - margin.left - margin.right,
        height = 500 - margin.top - margin.bottom;

提前致谢所有帮助

Answer 1

更改以下内容。

<table class="table table-condensed" style="border-collapse:collapse; width: 100%; padding-top: 10px;">

为...

<table class="table table-condensed" style="border-collapse:collapse; padding-top: 10px;">

您正在将表格的宽度设置为100％，其中您的javascript应该已经定义了宽度。

CSS border-right不会显示在Chrome中

1 个答案: