Breaking text line in table cell

Plamen Nikolov — Tue, 08 Sep 2009 13:36:04 +0000

Somehow, breaking a text line in HTML table cell is not often as easy as it should be.
For example, you have specified fixed width to your table cell, but the text inside makes the cell wider… This seems to be major problem.

Normally using
or
(HTML and XHTML version) is enough to break the text line in most recent versions of Internet Explorer(IE). The line break problem occurs in Mozilla Firefox, Google Chrome. Despite their versions, using the normal break line tag seems not to work in these browsers. The solution we were looking for was a CSS property.

So after a few attempts breaking line in a we come out with this solution:

1
2
3
4
5
6

/* Wizzard Bulgaria */

table tr td
{
white-space: normal;
}

This code make the Mozilla Firefox to break the text in the according to the table cell width and where the
or
tag is placed.

Wizzard Blog - Recent news about us, web design, development, portfolio » Code Hints

Breaking text line in table cell