title: jQuery align table (number of rows/cells) based on screen resolution
body: <p>I have a table like this (8 cells only for illustrative purposes, may be more or less):</p>
  
  <pre><code>[1] [2] [3] [4]
  [5] [6] [7] [8]
  </code></pre>
  
  <p>Each item in each cell is roughly 450px wide, so they fit comfortably next to each other on a 1920x1200 screen (which, incidentially, is mine). However, I need this configuration to change automatically and align the best possible way in case somebody with a smaller (or wider) screen resolution comes along, or resizes the browser window.</p>
  
  <p>So, for 1024x768 it would be:</p>
  
  <pre><code>[1] [2]
  [3] [4]
  (etc)
  </code></pre>
  
  <p>and for 2560x1600 it would be:</p>
  
  <pre><code>[1] [2] [3] [4] [5]
  [6] [7] [8] [9] [10]
  (etc)
  </code></pre>
  
  <p>How can I do something like this - maybe with jQuery or CSS?</p>