Vertical Alignment in List column

Question

I have an InfoPath form that a user fills out and in one field they type an email address. The information is collected in a list. All of the columns but Email automatically aligns the standard way. The Email is showing top aligned. I attempted to modify the JSON for the column but it didn't work. Would love some advice please.

A picture is attached that will show what I'm referring to.

Thanks, Lisa

Answer 1

You could try the below json to change the vertical-align to middle:

{
  "$schema": "https://developer.microsoft.com/json-schemas/sp/v2/column-formatting.schema.json",
  "elmType": "div",
  "txtContent": "@currentField",
  "style": {
    "display": "table-cell",
    "text-align": "center",
    "vertical-align": "middle"
   }
}