Home/ Questions/Q 9212533
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-18T01:32:46+00:00

I would like to limit width of columns in a table. <!DOCTYPE html> <style

  • 0

I would like to limit width of columns in a table.

<!DOCTYPE html>
<style type="text/css">
table tr td {border:1px solid; max-width:2em; overflow:hidden; white-space:nowrap;}
</style>
<table>
    <tr><td>this is looooooooo ooooooooo ooooooooooooo ooooooooo ng text</td></tr>
</table>

The next code works well in Firefox (the cell has a limited width), but width is not limited in IE9.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You need to add a div after the td like the following in HTML. Nothing within that div will stretch out the table cell.

    Demo

    <!DOCTYPE html>
    <table>
      <tr>
        <td>
          <div>
            this is looooooooo ooooooooo ooooooooooooo ooooooooo ng text
          </div>
        </td>
      </tr>
    </table>

    Css:

    table tr td {
    border:1px solid;
    max-width:2em;
    overflow:hidden;
    white-space:nowrap;
}

div {
  width: 2em;
}

    Works great in IE8, Chrome and Firefox.

    • 0