css - 如何使用 CSS 字段样式在网格中水平居中 View 字段

Question

我使用网格格式创建了一个 Drupal View ，该 View 显示单列图形，每列上方都有一个标题。标题和图形默认在左侧。我想让它们在页面上水平居中。我该怎么做？

我创建了一个 CSS 类并将其应用于这两个字段。 (Field/Style Settings/Create CSS Class/"my style") 尽管如此，这两个字段都不居中。当我检查输出时，样式显示为标题周围的跨度，但在图形上无处可寻。我做错了什么？

页面:http://www.tradecaptain.com/ForexTradeMap .我的 CSS 应用于两个网格字段:

.view-TradeMapHorzCenter{
display: block;
margin-left: auto;
margin-right: auto; }

这看起来应该可行，但是...任何建议将不胜感激!谢谢:)

Answer 1

您需要为 margin-left: auto 定义一个宽度；右边距:自动；去工作。

没有宽度定义的自动边距不起作用。