解決 各瀏覽器不支持display:flex的最簡單辦法


通常我們想讓一行元素平均分配寬度,而且還是可以擴展自適應的;不管元素個數多少;

那么我們通常不考慮IE9以下及其它個別瀏覽器的時候 父級用 display:flex; 子級用 flex: 1;

但有時產品 要求 兼容 各瀏覽器 及IE8/9;我們不得不想盡各種辦法,  包括JS/JS插件等

但大家都忽略了一個非常有歷史卻很好用,不存在 兼容問題的表格table布局,我個人超喜歡table布局,因為 它可以很好的擴展;還不存在兼容性;

凡是有關表格數據,表單數據,只要看起來比較整齊 ,我都會首選 表格table布局的;

現在解決上述問題:

<table width="100%" class="buyProcess Cf Tc Mt15">
  <tr>
    <td width="10%">1</td>
    <td width="10%" class="cur">2</td>
    <td width="10%">3</td>
  </tr>
</table>

 隨便添加兩個

<table width="100%" class="buyProcess Cf Tc Mt15">
  <tr>
    <td width="10%">1</td>
    <td width="10%" class="cur">2</td>
    <td width="10%">3</td>
    <td width="10%">4</td>
    <td width="10%">5</td>
  </tr>
</table>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM