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

Posted 2023-02-26

【中文标题】如何使用 CSS 字段样式在网格中水平居中视图字段

【英文标题】：How to horizontally center a Views field in a grid using CSS field style

【发布时间】：2015-02-13 01:07:51

【问题描述】：

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

我创建了一个 CSS 类并将其应用于这两个字段。 （字段/样式设置/创建 CSS 类/“我的样式”）仍然没有字段中心。当我检查输出时，样式显示为标题周围的跨度，但在图形上找不到。我做错了什么？

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

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

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

【参考方案1】：

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

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

【讨论】：

感谢安德鲁的有用提示！首先，我认为宽度是由页面或任何其他包装器先前定义的。其次，当我检查元素时，为什么我的 CSS 会显示为标题字段的跨度，而根本不显示在图形中？

你能改写第二个问题吗？我不认为我明白你的意思。

如果我的回答回答了您的问题，请将其标记为已批准。

当然！当我在浏览器中检查这两个元素时，CSS 样式似乎应用于文本字段（尽管它不起作用）。 CSS 样式不会出现在图形周围。哦，还有宽度就是960的页面宽度，是单列输出。