Как сделать ширину таблицы фиксированной

Question

У меня есть две таблицы внутри таблицы:

<table> 
     <tbody> 
      <tr> 
       <td class="tdkqtb"> 
        <table border="1"> 
         <tbody> 
          <tr> 
           <th>Giải</th> 
           <th>@cityID</th> 
          </tr> 
         </tbody> 
        </table> 
       </td> 

       <td class="tdkqtb"> 
        <table border="1"> 
         <tbody> 
          <tr> 
           <th>Đầu</th> 
           <th>Đuôi</th> 
          </tr> 
         </tbody> 
        </table> 
       </td> 
      </tr> 
      <tr></tr> 
     </tbody> 

    </table> 

Теперь мне нужно установить ширину двух таблиц фиксированной. Как я могу это сделать? Например, я хочу, чтобы все таблицы имели ту же ширину, что и первые два. Я имею в виду, что они должны иметь фиксированную ширину для каждого столбца, первая таблица будет содержать 70% ширины родительской таблицы, а вторая содержит остальные. Столбцы в двух таблицах также должны иметь фиксированную ширину!

Answer 1

Не уверен, что, если я понял, что вы хотите, но вы можете просто выбрать нужный элемент таблицы или всю таблицу и дать ширину в CSS

table { 
    width: 70%; 
} 

Если у вас есть несколько таблиц, дать им идентификаторы или классы для разделения на разные стили. То же самое для th, tr, td и так далее.

Answer 2

Прежде всего, почему бы и нет Tableless?

Тогда вы должны поставить некоторые CSS в него, как сказал DasBoot, чтобы дать полную таблицу ширину, вы должны сделать это:

table { 
    width: 70%; 
} 

То же самое для конкретных тд, тр, м или какой-либо элемент вы хотите стиль. Если вы используете максимальную ширину или минимальную ширину, вы можете использовать max-width и min-width соответственно. Почему бы не поставить этот код на jsfiddle и проверить результаты вживую, чтобы узнать, что вам нужно делать?

С уважением.