在table设置max-width以及min-width兼容问题和解决方案
2016-09-05 20:30
507 查看
在table中设置min-width和max-width属性<table> <tr><td>1</td><td>2</td></tr></table>table{min-width:60%;min-width:100%;}但是chrome不兼容max-width,ie7两者都不兼容。
解决方案:在table外层包一个div,在div上设置min-width和max-width<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%;}
解决方案:在table外层包一个div,在div上设置min-width和max-width<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%;}
相关文章推荐
- 用max-width来防止图片溢出---不兼容ie6-----将max-width设置成父元素的宽度,当图片过大时会换行,以及限制图片的宽度。但是如果使用table,仍然可能超出限制。
- min-width和max-width的兼容问题
- jquery实现图片等比例缩放,解决max-width在ie中不兼容问题
- Table布局width设置为百分比无效问题
- css hack! (max-width,min-width以及高度自适应)
- IE6支持兼容min-width、max-width CSS样式属性
- 兼容IE6、IE7的min-width、max-width写法
- 让IE6也支持max-width/height和min-width/height(完美解决方案)
- 解决IE6中不能实现min-width和max-width的问题
- VS一些设置及编译时候的一些问题以及解决方案
- ScrollView中嵌套的viewPager,viepager高度设置为wrap_content时内容不显示问题以及与scrollview冲突的解决方案
- min-height 属性的使用以及IE6.0不兼容问题的解决办法
- IE6支持max-width/height与min-width/height(完美解决方案)
- 兼容IE6、IE7的min-width、max-width
- IE6支持兼容max-height、min-height、max-width、min-width CSS样式
- 转:IE6下的min-height,min-width,max-height,max-width问题
- 在Eclipse下进行Libgdx手工项目设置可能出现的问题点以及解决方案
- IE 6不支持min-height或max-width等属性的完美解决方案
- 让IE6支持兼容min-width、max-width CSS样式属性的方法
- min-width、max-width兼容IE6、IE7的解决方法