Home/ Questions/Q 1058461
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-16T18:01:53+00:00

With some HTML like this: <!DOCTYPE html> <html> <head> <meta charset=utf-8 /> <title>JS Bin</title>

  • 0

With some HTML like this:

<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>JS Bin</title>
  <style>
    td {
      width:10px;
    }
  </style>
</head>
<body>
  <table>
    <tr><td>Text</td><td>Text</td><td>Text</td><td>Text</td></tr>
    <tr><td>Text</td><td>Text</td><td>Text</td><td>Text</td></tr>
    <tr><td>WHOA I'M A LONG STRING!</td><td>Text</td><td>Text</td><td>Text</td></tr>    
  </table>
</body>
</html>​

The tds don’t get a width of 10px, they are just as long as the longest string in them.

How do you make this work?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You can change the css to:

    max-width: 10px;
overflow: hidden;

    but that will chop off the words mid-letter, wherever the edge happens to be.

    • 0