I want all columns(<td></td>) in a <table></table> have the equal length, how to achieve this?

css, html, user-interface

Solution

You should use the `table-layout` property here...

table { table-layout: fixed; }
table td { overflow: hidden; }

Problem

How to achieve it with CSS or HTML? ``` <table class="banner"><tr><td>If you need many results, then post your task as piecework here. You only need to pay qualified results. </td> <td>Make money by doing piecework</td></tr> <tr><td><a href="publish.php">POST PIECEWORK FOR FREE</a><br/></td><td></td></tr></table> ```

Original source