在 SharePoint 列中格式化 > 居中对齐文本的 JSON 语法是什么

Question

我已使用以下代码在 SharePoint Online 列表中突出显示过去的日期（列名称为“截止日期”）。它工作正常（过去日期的颜色为红色，其余日期为绿色）。 然而，文本不是居中的（也不是水平的，也不是垂直的），即使我已经包含了这个：“text-align”：“center”，“vertical-align”：“center”，我已经用粗体突出显示了下面这段代码。

我错过了什么？提前谢谢了。

{
  "$schema": "http://columnformatting.sharepointpnp.com/columnFormattingSchema.json",
  "elmType": "div",
  "debugMode": "true",
  "txtContent": "@currentField",
  "style": {
  **"text-align": "center",
  "vertical-align": "center",**
  "background-color": "=if([$Due_x0020_Date] <= @now, '#ffcccc', '#ccffcc'"  

  }
}

Answer 1

vertical-align的前提是元素是inline水平元素或者table-cell元素，包括span、img、input、button、td，显示层级为inline level或者table-cell的元素是由显示器改变。这也意味着默认情况下，div、p等元素设置vertical-align无效。

文本对齐也适用于行内块元素。您可以将其转换为 inline/inline-block 元素。

希望对您有所帮助。