Ширина атрибут HTML тега не работают хорошо из-за содержания

Question

У меня есть таблица, как показано ниже

<table width="50px" border="1"> 
    <tr> 
     <td>row1</td> 
     <td>row1</td> 
     <td>row1</td> 
     <td>row1</td> 
     <td>row1</td> 
     <td>row1</td> 
    </tr> 
</table> 

Когда я установил width="50px", ширина таблицы больше, чем 50px, если я уменьшить размер шрифта.

Я хочу сделать ширину таблицы такой же, как и в том, что я установил в атрибуте (width="50px").

Есть ли способ уменьшить размер шрифта автоматически, чтобы он соответствовал ширине таблицы?

Answer 1

Добавить style="table-layout: fixed;" в таблицу, чтобы ограничить пропорции.

<table width="50px" border="1" style="table-layout:fixed;"> 
 
    <tr> 
 
     <td>row1</td> 
 
     <td>row1</td> 
 
     <td>row1</td> 
 
     <td>row1</td> 
 
     <td>row1</td> 
 
     <td>row1</td> 
 
    </tr> 
 
</table>

Также вы создаете столбцы не строки ... вы не собираетесь, чтобы иметь возможность добавить любой читаемый текст для тех!

Строки должны разделяться <tr>'s