Question

我很难将我的D3地图集中在网页上。地图位于地图类和div中，但CSS似乎不会居中。

我应用于SVG所在的类“.map”的任何边距似乎都不起作用。我不确定为什么我无法在地图上应用任何CSS，但也许我应该在实际的D3代码中做些什么？不确定。谢谢！

这是我的代码：

#include <string.h> // For strerror
#include <errno.h> // For .... errno

FILE* fptwo = fopen("\\C:\\Program Files\\NotMal.txt", "w");
if (fptwo == NULL)
{
    printf("Error : errno='%s'.\n", strerror(errno));
}
else
{
    printf("open progfiles successful \n"); 
    //add this text to the file 
    fprintf(fptwo, "This is text");
    printf("add text succuessful \n");

    //close file pointer when finished
    fclose(fptwo);
}

Answer 1

将地图包含在另一个div中，该div与其上方的框具有相同的宽度（75％）。如果它按照您想要的方式工作，您可能希望将div样式移动到CSS类。

<div style="display:block; margin-left:auto; margin-right:auto; width:75%">
    <div id="map">
    ...
    </div>
</div>

<强>更新

我刚刚发现了真正的问题。您对地图的css定义适用于某个类，而不适用于ID。并且......如果要使用自动边距，则需要定义宽度。

更改您的css以符合以下条件：

#map {
  width: 75%;
  margin-left: auto;
  margin-right: auto;
}

D3地图不以页面为中心？

1 个答案: