表格无法整体居中

表格无法整体居中

http://img1.sycdn.imooc.com/climg//597022880001bd9811360633.jpg

我在第13行设置了表格属性整体居中,为何运行不出来?

正在回答

登陆购买课程后可参与讨论,去登陆

4回答

表格是居中显示的,没毛病。加在表格上的align=“center”只会让表格整体居中,单元格内的内容居中,还需要给tr或者td设置align=“center”。http://img1.sycdn.imooc.com/climg//5970426200017c7918720275.jpg

  • 慕的地1368935 提问者 #1
    非常感谢!
    2017-07-20 14:01:16
  • 慕的地1368935 提问者 #2
    那为什么我的表格并没有被居中?
    2017-07-20 14:03:25
怎么都被占用了呢 2017-07-20 17:16:04

你换个浏览器试试吧,有些浏览器对表格的支持性不太好

提问者 慕的地1368935 2017-07-20 11:55:07

<!DOCTYPE HTML>

<html>

  <head>


    <title>表格布局</title>

        <meta charset="UTF-8" />

  </head>

  <body>

    <table width="100%" bgcolor="#f2f2f2">

      <tr height="80px" bgcolor="#14191e"><td>1111111</td></tr><!--页头-->

      <tr height="10px"><td></td></tr><!--上空行-->

      <tr><td>

           <table width="1024px" align="center">

             <tr>

                 <td width="240px" bgcolor="#ffffff">22222222</td><!--左内容-->

                 <td width="20px" bgcolor="#ffffff"></td><!--空隙-->

                 <td width="765px" bgcolor="#ffffff">444444444444</td><!--右内容-->

             </tr>

           </table>


       </td></tr><!--内容-->

      <tr height="10xp"><td></td></tr><!--下空行-->

      <tr height="150px" bgcolor="#14191e"><td>1111</td></tr><!--页脚-->

    </table>

  </body>

</html>


怎么都被占用了呢 2017-07-20 11:50:23

请将代码粘贴上来吧,不要放图片,这样不方便帮你调试。

  • 提问者 慕的地1368935 #1
    <!DOCTYPE HTML> <html> <head> <title>表格布局</title> <meta charset="UTF-8" /> </head> <body> <table width="100%" bgcolor="#f2f2f2"> <tr height="80px" bgcolor="#14191e"><td>1111111</td></tr><!--页头--> <tr height="10px"><td></td></tr><!--上空行--> <tr><td> <table width="1024px" align="center"> <tr> <td width="240px" bgcolor="#ffffff">22222222</td><!--左内容--> <td width="20px" bgcolor="#ffffff"></td><!--空隙--> <td width="765px" bgcolor="#ffffff">444444444444</td><!--右内容--> </tr> </table> </td></tr><!--内容--> <tr height="10xp"><td></td></tr><!--下空行--> <tr height="150px" bgcolor="#14191e"><td>1111</td></tr><!--页脚--> </table> </body> </html>
    2017-07-20 11:54:42
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
前端小白入门系列课程
  • 参与学习           人
  • 提交作业       11218    份
  • 解答问题       36713    个

从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师