共計 743 個字符，預計需要花費 2 分鐘才能閱讀完成。

使用 WordPress 程序搭建的網站，博主在插入表格的時候發現并不能在手機端自適應，界面寬度被撐開，體驗非常差，為此，這里分享下 WordPress 網站 table 表格自適應手機方法，供需要的同學參考，這里先來看一張圖：如上圖所示，該樣式是經過處理了并且可以自適應手機端的，附上代碼如下：

<table style="table-layout: fixed;" border="1" width="100%" cellspacing="0" cellpadding="2">
<tbody>
<tr bgcolor="#ffffff">
<td width="25%"> 郁潤 </td>
<td width="25%"> 郁膩 </td>
<td width="25%"> 郁滃 </td>
<td width="25%"> 郁蒙 </td>
</tr>
<tr bgcolor="#ffffff">
<td width="25%"> 郁蓊 </td>
<td width="25%"> 郁彌 </td>
<td width="25%"> 郁盤 </td>
<td width="25%"> 郁浥 </td>
</tr>
</tbody>
</table>

從上面可以看到關于定義 table(表格) 屬性的代碼是：

<table style="table-layout: fixed;" border="1" width="100%" cellspacing="0" cellpadding="2">

很多 table 表格并不能很好自適應手機端，是因為定義了 width=”640″ 之類的這種，因為定義了寬度就是寫死了寬度，而采用 width=”100%” 這種百分比的形式則可以根據界面自適應處理，再追加 style=”table-layout:fixed;”，這樣做可以使半角連續字符強制換行，不至于撐破列寬。