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

Question

我使用以下代码在 SharePoint Online 列表中突出显示过去的日期（列名称为 'Due Date'）。它工作正常（过去的日期颜色为红色，其余日期为绿色）。然而，文本没有居中（既不是水平的，也不是垂直的），即使我已经包含了这个："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 horizontal元素或者table-cell元素，包括span,img,input,button,td,显示层次为inline的元素level 或 table-cell 由显示更改。这也意味着默认情况下，div、p等元素设置的vertical-align无效。

Text-align 对行内块元素也有效。您可以将其转换为 inline/inline-block 元素。

希望对您有所帮助。

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

What is the JSON syntax to format > center-align text in a SharePoint column

json

sharepoint-online