Set a max-width to table cell

Question

I want to know how to set a max-width css property to table (td and th tags).

This syntax doesn't work with me.

td,th{
   max-width:100px;
}

Possible duplicated question, https://stackoverflow.com/questions/8465385/how-can-i-set-the-max-width-of-a-table-cell-using-percentages — aUXcoder, Jul 18 '19 at 15:12

score 0 · Answer 1 · answered Jul 18 '19 at 14:21

0

Just create a <div> inside of each <td> and/or <th> and give it the max-width that you want. get a look at my working codepen

answered Jul 18 '19 at 14:21

JPeter

score -1 · Answer 2 · answered Jul 18 '19 at 14:13

-1

using table-layout: fixed :

table {
  max-width: 100px;
  table-layout: fixed;
}

answered Jul 18 '19 at 14:13

user_1330

2 Answers2