Detailed explanation of compatibility issues and solutions for setting max-width and min-width in table

Setting min-width and max-width properties in table

<table>

 <tr><td>1</td><td>2</td></tr>

</table>

table{min-width:60%;min-width:100%;}

But Chrome is not compatible with max-width, and IE7 is not compatible with either.

Solution: Wrap a div around the table and set min-width and max-width on the div

<div class="table-wrap">

 <table>

  <tr><td>1</td><td>2</td></tr>

 </table>

</div>
.table-wrap{width:500px;min-width:60%;min-width:100%;}

.table-wrap table{width:100%;}

This is the end of this article about the compatibility issues and solutions of setting max-width and min-width in table. For more relevant table max-width and min-width content, please search for previous articles on 123WORDPRESS.COM or continue to browse the related articles below. I hope you will support 123WORDPRESS.COM in the future!