Skip to content

Instantly share code, notes, and snippets.

@michael

michael/fixed-table-layout.html

Created August 8, 2017 13:20
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save michael/dbd46c346789410729e1f7af1cdc111b to your computer and use it in GitHub Desktop.
Save michael/dbd46c346789410729e1f7af1cdc111b to your computer and use it in GitHub Desktop.
Download ZIP
Raw
fixed-table-layout.html
table.fixed {table-layout:fixed; width:90px;}/*Setting the table width is important!*/
table.fixed td { overflow:visible; }/*Hide text outside the cell.*/
<table class="fixed">
<tr>
<td style="width: 20px;"><div class="cell-content">Veryverylongtext</div></td>
<td style="width: 30px;"><div class="cell-content">Actuallythistextismuchlongeeeeeer</div></td>
<td style="width: 40px;"><div class="cell-content">We should use spaces tooooooooooooo</div></td>
</tr>
</table>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment