I have created a tile view that has a few columns from a SharePoint list. I have everything formatted perfectly, except it randomly breaks apart lines in the middle of a word.

Say teacher it would be. Am I missing something?

Picture of how its breaking up text:

picture of how its breaking up text

Picture of JSON:

picture of JSON

Picture of revised JSON but now it doesnt display all the lines only the first line edited json

1 Answer 1


I think below CSS style applied to div element in your JSON is breaking the words in middle:

"white-space": "normal"


  1. Use view formatting to customize SharePoint
  2. Use column formatting to customize SharePoint
  • I tried removing that line and nothing seemed to change. is there some reason that nothing for "style" is effecting that one area?
    – Theresa
    Jul 8, 2021 at 18:13
  • Is this SharePoint default "Gallery" view? Did you write all JSON all by yourself or customized the auto-generated JSON in gallery view? Jul 8, 2021 at 18:17
  • customized the Auto Generated one from Sharepoint
    – Theresa
    Jul 8, 2021 at 18:40
  • so i tried restarting from scratch and this is what I get, but then it doesnt show all the lines for the comments in the multi line column - see the question above for updated screenshot
    – Theresa
    Jul 8, 2021 at 19:22
  • @Theresa Have you tried using these two CSS properties: word-break: break-word and overflow-y: visible ? Jul 9, 2021 at 16:25

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.