title: Table column with zero width
body: <p>Is it possible at all?</p>
  
  <p>I have table that fills its container. (width 100%)
  Two of its columns (1st and 3rd) have minimum width, but middle one does not.</p>
  
  <p>When I am narrowing the window, I want 1st and 3rd columns to stay at minimum width, while middle column have to collapse completely (when window is too narrow, just 1st and 3rd columns must be displayed).</p>
  
  <p>Thanks.</p>
  
  <p>There is simplified code of what I have:</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"&gt;
  &lt;html&gt;
  &lt;head&gt;
    &lt;title&gt;My first styled page&lt;/title&gt;
    &lt;style type="text/css"&gt;
  .overflow{
      text-overflow: ellipsis;
      word-break: break-all;
      word-wrap: break-word;
  }
  .table{
      width: 100%;
      border-collapse: collapse;
      border-spacing: 0;
  }
  .first{
      min-width: 20px;
  }
    &lt;/style&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
      &lt;table class="table"&gt;
          &lt;tr&gt;
              &lt;td class="first"&gt;&lt;div class="overflow"&gt;oneoneoneone&lt;/div&gt;&lt;/td&gt;
              &lt;td class="second"&gt;&lt;div class="overflow"&gt;twotwotwotwo&lt;/div&gt;&lt;/td&gt;
              &lt;td class="first"&gt;&lt;div class="overflow"&gt;threethreethree&lt;/div&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/table&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>