在表格的td中换行

Question

I am working on trying to clean up a customers evaluation software. In this example, the text doesn't wrap within the box. Adding a fixed size to the table doesn't help, as the information called from the SQL database just places it on top with no warping.

    <tr>
        <td valign="bottom" align="center"><br />
            <table style="background-color: #EFEFEF; box-shadow: 5px 5px 5px #999; table-layout:fixed; width:400px" border=1 rules=none frame=box cellpadding="5">
                ![enter image description here][1]<tr><td width=250px height="90px" valign="top"><pre>' . base64_decode($eval['note']) . '</pre></td></tr>
            </table>
        </td>
    </tr>

What steps should I look at doing or code should I add to fix this formatting error? Attached is a screen shot of the UI.

Thank you,

Paul

Answer 1

You are inserting your data inside a <pre> block, effectively telling the browser not to wrap the text. I assume you do this so that literal newlines in the 'note' data are indeed printed.

To alter wrapping space-characters and newline functionality of an element, you can use the CSS white-space property. So, to get what you want (both wrapping AND literal newlines), you can set white-space to either pre-line or pre-wrap, depending on your need. Eg. change the <pre> to

...<pre style="white-space:pre-wrap;">' . base64_decode($eval['note']) . '</pre>...

See the reference for more details

Good luck,

bob