Home/ Questions/Q 7987509
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-04T12:10:11+00:00

I cannot get word-wrap to work with this example… <html> <head></head> <body> <table style=table-layout:fixed;>

  • 0

I cannot get word-wrap to work with this example…

<html>
<head></head>
<body>

<table style="table-layout:fixed;">
<tr>
<td style="word-wrap: break-word; width:100px;">ThisStringWillNotWrapThisStringWillNotWrapThisStringWillNotWrapThisStringWillNotWrapThisStringWillNotWrapThisStringWillNotWrapThisStringWillNotWrapThisStringWillNotWrapThisStringWillNotWrap</td>
</tr>
</table>

</body></html>

I remembered reading that a layout had to be specified (which I did), but beyond that I’m not sure what I have to do to get this to work. I really would like this to work in Firefox. Thanks.

EDIT:
Failed in Chrome 19 and Firefox 12, it works in IE8.
I tried doctype strict and transitional, neither worked.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Mozilla Firefox solution

    Add:

    display: inline-block;

    to the style of your td.

    Webkit based browsers (Google Chrome, Safari, …) solution

    Add:

    display: inline-block;
word-break: break-word;

    to the style of your td.

    Note:
    Mind that, as for now, break-word is not part of the standard specification for webkit; therefore, you might be interested in employing the break-all instead. This alternative value provides a undoubtedly drastic solution; however, it conforms to the standard.

    Opera solution

    Add:

    display: inline-block;
word-break: break-word;

    to the style of your td.

    The previous paragraph applies to Opera in a similar way.

    • 0