table图片居中_table中图片居中-CSDN博客

本文链接：https://blog.csdn.net/qsy2000/article/details/38867773

代码如下

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
 <html>
 <head>
 
<title>test</title>
  <meta http-equiv=Content-Type content="text/html; charset=utf-8">
  <meta content="MSHTML 6.00.6000.16825" name=GENERATOR>
 </head>
 <body>
     <table height="100%" width="100%" border="0">
         <tbody>
             <tr>
                 <td align="center" valign="middle">
                     <table cellspacing="0" cellpadding="0" width="270" align="center" border="0">
                         <tbody>
                             <tr>
                                 <td>
                                     213
                                 </td>
                                 <td>
                                     12
                                 </td>
                                 <td>
                                     12
                                 </td>
                             </tr>
                             <tr>
                                 <td>123
                                 </td>
                                 <td>
                                     321
                                 </td>
                                 <td>
                                     12
                                 </td>
                             </tr>
                         </tbody>
                     </table>
                 </td>
             </tr>
         </tbody>
     </table>
 </body>
 </html>

注意：开头的html标准要写对，原来写成xhtml,是存在无法居中的问题:

<%@ page contentType="text/html; charset=UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

后来改为html标准，就正常咯，如下：

<%@ page contentType="text/html; charset=UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml">