How to solve the problem of invalid setting of cell width after setting table-layout:fixed in a table

This article mainly explains "how to solve the problem of invalid cell width setting after table-layout:fixed". Interested friends may wish to have a look. The method introduced in this paper is simple, fast and practical. Let's let Xiaobian take you to learn "How to solve the problem of invalid cell width setting after table-layout:fixed"!

Solution 1:

Before tbody

The code is as follows:

Solution 2:

Set a hidden row to specify the width:

code is as follows

1

2

1.1

2.1

2.2

This method works correctly in IE 6, IE 7, IE 8, but it doesn't work in non-IE. Here is another way:

The code is as follows:

td{border:1px solid red;}

1

2

1.1

2.1

2.2

At this point, I believe that everyone has a deeper understanding of "how to solve the problem of invalid cell width setting after table-layout:fixed", so let's actually operate it! Here is the website, more related content can enter the relevant channels for inquiry, pay attention to us, continue to learn!