htmlcsstablerow

How to show multiline text in a table cell


I want to show a paragraph from database into a table cell.

The result is a large 1 line, ignoring how its organised in database. ignoring 'enters' for example (new lines)

I want to show it exactly according to how it's written in database.

For example if paragraph is saved like this:

hello ,
my name is x.

I want it to be showed exactly like that, instead of:

hello, myname is x.

Solution

  • You want to use the CSS white-space:pre applied to the appropriate <td>. To do this to all table cells, for example:

    td { white-space:pre }
    

    Alternatively, if you can change your markup, you can use a <pre> tag around your content. By default web browsers use their user-agent stylesheet to apply the same white-space:pre rule to this element.

    The PRE element tells visual user agents that the enclosed text is "preformatted". When handling preformatted text, visual user agents:

    • May leave white space intact.
    • May render text with a fixed-pitch font.
    • May disable automatic word wrap.
    • Must not disable bidirectional processing.