詳解在table設(shè)置max-width以及min-width兼容問題和解決方案
發(fā)布時(shí)間:2020-11-17 16:59:09 作者:icesschen
我要評(píng)論

這篇文章主要介紹了詳解在table設(shè)置max-width以及min-width兼容問題和解決方案,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
在table中設(shè)置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外層包一個(gè)div,在div上設(shè)置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%;}
到此這篇關(guān)于詳解在table設(shè)置max-width以及min-width兼容問題和解決方案的文章就介紹到這了,更多相關(guān)table max-width及min-width內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持腳本之家!
相關(guān)文章
多個(gè)div中table的tdwidth設(shè)置一樣也不法對(duì)齊
最近發(fā)現(xiàn)多個(gè)div中table的td就算調(diào)成一樣的width也無法對(duì)齊,后來發(fā)現(xiàn)了解決方法,提到table-layout: fixed,經(jīng)設(shè)置效果相當(dāng)不錯(cuò),大家可以參考下2014-03-28關(guān)于table的width:100%和margin導(dǎo)致溢出
在網(wǎng)上搜了一下關(guān)于width:100%的解釋,還是不太明白,先記住吧!2011-04-12