如何使用 CSS 字段样式在网格中水平居中视图字段

How to horizontally center a Views field in a grid using CSS field style

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

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

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

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

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

您需要为 margin-left: auto 定义一个宽度;右边距:自动; 上班。

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