我设计的表格为啥成这样子啊？如何剧中啊？我是新人

txm_1981 2010-05-21 03:36:23
我设计的表格为啥成这样子啊？如何剧中啊？我是新人 
<table style="width:1162px; height: 308px;" align="center">

                <tr>

                    <td class="style210" align="center" colspan="16">

                        <h1>

                            普通个人帐户注册信息</h1>

                    </td>

                </tr>

                <tr>

                    <td align="right" class="style190">

                         </td>

                    <td align="right" class="style197">

                        最后修改时间：</td>

                    <td class="style177" colspan="2">

                        </td>

                    <td class="style177" colspan="2">

                    </td>

                    <td class="style177" colspan="2">

                    </td>

                    <td class="style176">

                    </td>

                    <td class="style177" colspan="2">

                        </td>

                    <td class="style101">

                        </td>

                    <td class="style177">

                    </td>

                    <td class="style105">

                         </td>

                    <td class="style208">

                    </td>

                    <td class="style153">

                         </td>

                </tr>

                <tr>

                    <td align="right" class="style196">

                        </td>

                    <td align="right" class="style203">

                        姓名</td>

                    <td colspan="4">

                        <input ID="Text8" style="width: 230px" type="text" /></td>

                    <td align="right">

                        性别</td>

                    <td align="left" class="style211">

                        <select ID="Select11" name="D11" style="width: 47px">

                            <option></option>

                        </select></td>

                    <td align="right" class="style156">

                         </td>

                    <td>

                         </td>

                    <td align="center" class="style159">

                         </td>

                    <td class="style170">

                         </td>

                    <td align="center">

                         </td>

                    <td class="style172">

                        </td>

                    

                    <td align="left" class="style173">

                         </td>

                </tr>

                <tr>

                    <td align="right" class="style192">

                         </td>

                    <td align="right" class="style199">

                        * 居住地</td>

                    <td class="style56">

                        <select ID="Select8" name="D8">

                            <option></option>

                        </select></td>

                    <td align="center" class="style56">

                        省</td>

                    <td class="style56">

                        <select ID="Select9" name="D9">

                            <option></option>

                        </select></td>

                    <td align="center" class="style99">

                        市</td>

                    <td class="style56">

                        <select ID="Select10" name="D10">

                            <option></option>

                        </select></td>

                    <td align="left" class="style212">

                        县(区)</td>

                    <td align="right" class="style182">

                        详细地址</td>

                    <td class="style56" colspan="6">

                        <input ID="Text15" style="width: 300px" type="text" /></td>

                    <td class="style56">

                         </td>

                </tr>

                <tr>

                    <td align="right" class="style193">

                         </td>

                    <td align="right" class="style200">

                        职业</td>

                    <td class="style178" colspan="2">

                        <input ID="Text9" style="width: 120px;" type="text" /></td>

                    <td align="right" class="style178" colspan="2">

                        工作单位</td>

                    <td class="style178" colspan="2">

                        <input ID="Text21" style="width: 195px" type="text" /></td>

                    <td align="right" class="style149">

                        * 身份证号</td>

                    <td class="style178" colspan="6">

                        <input ID="Text16" type="text" /></td>

                    <td class="style178">

                         </td>

                </tr>

                <tr>

                    <td align="right" class="style194">

                         </td>

                    <td align="right" class="style201">

                        邮政编码</td>

                    <td class="style186" colspan="2">

                        <input ID="Text10" style="width: 120px;" type="text" /></td>

                    <td align="right" class="style186" colspan="2">

                        电话区号</td>

                    <td class="style186" colspan="2">

                        <input ID="Text11" style="width: 125px" type="text" /></td>

                    <td align="right" class="style185">

                        个人网站／博客</td>

                    <td class="style186" colspan="6">

                        <input ID="Text17" style="width: 300px" type="text" /></td>

                    <td class="style186">

                         </td>

                </tr>

                <tr>

                    <td align="right" class="style194">

                         </td>

                    <td align="right" class="style201">

                        固定电话</td>

                    <td class="style186" colspan="2">

                        <input ID="Text12" style="width: 120px;" type="text" /></td>

                    <td align="right" class="style186" colspan="2">

                        * 移动电话</td>

                    <td class="style186" colspan="2">

                        <input ID="Text13" style="width: 180px" type="text" /></td>

                    <td align="right" class="style185">

                        * EMAIL</td>

                    <td class="style186" colspan="6">

                        <input ID="Text18" style="width: 300px" type="text" /></td>

                    <td class="style186">

                         </td>

                </tr>

                <tr>

                    <td align="right" class="style195">

                         </td>

                    <td align="right" class="style202">

                        QQ</td>

                    <td class="style53" colspan="2">

                        <input ID="Text14" title="width: 120px;" type="text" /></td>

                    <td align="right" class="style53" colspan="2">

                        MSN</td>

                    <td class="style53" colspan="2">

                        <input ID="Text20" style="width: 180px" type="text" /></td>

                    <td align="right" class="style188">

                        其它联系方式</td>

                    <td class="style53" colspan="6">

                        <input ID="Text19" style="width: 300px" type="text" /></td>

                    <td class="style53">

                         </td>

                </tr>

                <tr>

                    <td align="right" class="style191">

                         </td>

                    <td align="right" class="style198">

                        * 密码查询问题</td>

                    <td class="style164" colspan="4">

                        <select ID="Select12" name="D12" style="width: 230px">

                            <option></option>

                        </select></td>

                    <td class="style164" colspan="2">

                    </td>

                    <td class="style166">

                    </td>

                    <td class="style164" colspan="6">

                    </td>

                    <td class="style164">

                         </td>

                </tr>

                <tr>

                    <td align="right" class="style196">

                         </td>

                    <td align="right" class="style203">

                        * 问题答案</td>

                    <td colspan="4">

                        <input ID="Text22" style="width: 230px" type="text" /></td>

                    <td colspan="2">

                    </td>

                    <td class="style156">

                    </td>

                    <td colspan="6">

                        </td>

                    <td>

                         </td>

                </tr>

            </table>

...全文
68 5 打赏 收藏 转发到动态 举报
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
籽沫 2010-05-21
  • 打赏
  • 举报
 回复
[Quote=引用 4 楼 lieri111 的回复:]

如果是整个表格居中的话，在table标签的外面加上CSS code
<center></center>
[/Quote]

汗 这种居中方法……

passself 2010-05-21
  • 打赏
  • 举报
 回复
如果是整个表格居中的话，在table标签的外面加上
<center></center>
q107770540 2010-05-21
  • 打赏
  • 举报
 回复 


   <table style="width: 100%; margin-left: auto; margin-right: auto" align="center">

            <tr>

                <td class="style210" align="center" colspan="16">

                    <h1>

                        普通个人帐户注册信息</h1>

                </td>

            </tr>

            <tr>

                <td align="right" class="style190">

                     

                </td>

                <td align="right" class="style197">

                    最后修改时间：

                </td>

                <td class="style177" colspan="2">

                </td>

                <td class="style177" colspan="2">

                </td>

                <td class="style177" colspan="2">

                </td>

                <td class="style176">

                </td>

                <td class="style177" colspan="2">

                </td>

                <td class="style101">

                </td>

                <td class="style177">

                </td>

                <td class="style105">

                     

                </td>

                <td class="style208">

                </td>

                <td class="style153">

                     

                </td>

            </tr>

            <tr>

                <td align="right" class="style196">

                </td>

                <td align="right" class="style203">

                    姓名

                </td>

                <td colspan="4">

                    <input id="Text8" style="width: 116px" type="text" />

                </td>

                <td align="right">

                    性别

                </td>

                <td align="left" class="style211">

                    <select id="Select11" name="D11" style="width: 47px">

                        <option></option>

                    </select>

                </td>

                <td align="right" class="style156">

                     

                </td>

                <td>

                     

                </td>

                <td align="center" class="style159">

                     

                </td>

                <td class="style170">

                     

                </td>

                <td align="center">

                     

                </td>

                <td class="style172">

                </td>

                <td align="left" class="style173">

                     

                </td>

            </tr>

            <tr>

                <td align="right" class="style192">

                     

                </td>

                <td align="right" class="style199">

                    * 居住地

                </td>

                <td class="style56">

                    <select id="Select8" name="D8">

                        <option></option>

                    </select>

                </td>

                <td align="center" class="style56">

                    省

                </td>

                <td class="style56">

                    <select id="Select9" name="D9">

                        <option></option>

                    </select>

                </td>

                <td align="center" class="style99">

                    市

                </td>

                <td class="style56">

                    <select id="Select10" name="D10">

                        <option></option>

                    </select>

                </td>

                <td align="left" class="style212">

                    县(区)

                </td>

                <td align="right" class="style182">

                    详细地址

                </td>

                <td class="style56" colspan="6">

                    <input id="Text15" style="width: 126px" type="text" />

                </td>

                <td class="style56">

                     

                </td>

            </tr>

            <tr>

                <td align="right" class="style193">

                     

                </td>

                <td align="right" class="style200">

                    职业

                </td>

                <td class="style178" colspan="2">

                    <input id="Text9" style="width: 120px;" type="text" />

                </td>

                <td align="right" class="style178" colspan="2">

                    工作单位

                </td>

                <td class="style178" colspan="2">

                    <input id="Text21" style="width: 123px" type="text" />

                </td>

                <td align="right" class="style149">

                    * 身份证号

                </td>

                <td class="style178" colspan="6">

                    <input id="Text16" type="text" />

                </td>

                <td class="style178">

                     

                </td>

            </tr>

            <tr>

                <td align="right" class="style194">

                     

                </td>

                <td align="right" class="style201">

                    邮政编码

                </td>

                <td class="style186" colspan="2">

                    <input id="Text10" style="width: 120px;" type="text" />

                </td>

                <td align="right" class="style186" colspan="2">

                    电话区号

                </td>

                <td class="style186" colspan="2">

                    <input id="Text11" style="width: 125px" type="text" />

                </td>

                <td align="right" class="style185">

                    个人网站／博客

                </td>

                <td class="style186" colspan="6">

                    <input id="Text17" style="width: 125px" type="text" />

                </td>

                <td class="style186">

                     

                </td>

            </tr>

            <tr>

                <td align="right" class="style194">

                     

                </td>

                <td align="right" class="style201">

                    固定电话

                </td>

                <td class="style186" colspan="2">

                    <input id="Text12" style="width: 120px;" type="text" />

                </td>

                <td align="right" class="style186" colspan="2">

                    * 移动电话

                </td>

                <td class="style186" colspan="2">

                    <input id="Text13" style="width: 124px" type="text" />

                </td>

                <td align="right" class="style185">

                    * EMAIL

                </td>

                <td class="style186" colspan="6">

                    <input id="Text18" style="width: 126px" type="text" />

                </td>

                <td class="style186">

                     

                </td>

            </tr>

            <tr>

                <td align="right" class="style195">

                     

                </td>

                <td align="right" class="style202">

                    QQ

                </td>

                <td class="style186" colspan="2">

                    <input id="Text14" title="width: 120px;" type="text" />

                </td>

                <td align="right" class="style53" colspan="2">

                    MSN

                </td>

                <td class="style53" colspan="2">

                    <input id="Text20" style="width: 123px" type="text" />

                </td>

                <td align="right" class="style188">

                    其它联系方式

                </td>

                <td class="style53" colspan="6">

                    <input id="Text19" style="width: 124px" type="text" />

                </td>

                <td class="style53">

                     

                </td>

            </tr>

            <tr>

                <td align="right" class="style191">

                     

                </td>

                <td align="right" class="style198">

                    * 密码查询问题

                </td>

                <td class="style164" colspan="4">

                    <select id="Select12" name="D12" style="width: 121px">

                        <option></option>

                    </select>

                </td>

                <td class="style164" colspan="2">

                </td>

                <td class="style166">

                </td>

                <td class="style164" colspan="6">

                </td>

                <td class="style164">

                     

                </td>

            </tr>

            <tr>

                <td align="right" class="style196">

                     

                </td>

                <td align="right" class="style203">

                    * 问题答案

                </td>

                <td colspan="4">

                    <input id="Text22" style="width: 115px" type="text" />

                </td>

                <td colspan="2">

                </td>

                <td class="style156">

                </td>

                <td colspan="6">

                </td>

                <td>

                     

                </td>

            </tr>

        </table>
q107770540 2010-05-21
  • 打赏
  • 举报
 回复
是因为你表格内的的TextBox设置的太宽了，超过了你的屏幕总宽度
所以会折行

你可以：

1。减少同一行TEXTBOX的数量
2.减少TEXTBOX的width
xshf12345 2010-05-21
  • 打赏
  • 举报
 回复
table居中，设置它的style


<table style="margin-left:auto;margin-right:auto">
《创始人行动指南手册》创业迷局破解：为什么有人3年上市，有人20年还在原地踏步？
我是智和岛集团的胡华成，同时也是投融湾和创服家的创始人。在创业圈摸爬滚打这些年，最常被问到的问题就是：“您这三家公司到底是干啥的？能帮我们解决啥难题？”这么说吧，这三家公司就像给创业路上的你量身定制的...
HTML与CSS总结
HTML总结什么是HTMLHTML和XHTML的区别XHTML语法会更加严谨HTML4和HTML5的区别文档结构（骨架）HTML常用...表格标签14.表单标签单选框多选框下拉菜单CSScss是什么作用行内样式选择器常用的选择器通配符选择器 全选标签选
好听的英文歌曲
100首歌经过精心挑选，每一首歌我都听过N遍，并总结歌的意境，虽然并不能满足所有...其实这首歌的全名叫：《我的名字叫伊莲娜》，此歌一经发布就风靡全球，和《God is A Girl》一样是经典中的经典 《Oh M
读书计划以及回顾
最近在考PMP证书 12.7号考试 到了冲刺的时间 等考完了就可以继续安心看书了 刚做读书受众人群不久 看的书还是比较经典的 书单也不太长 所以一股脑都按照分类罗列出来吧 等以后看的多了再进行分类 ...JS设计模式...
《老友记》典故集解 Season 1-10
Potato Head 瑞秋和众人谈到了她逃婚的原因，她说这是因为她突然发现她的未婚夫巴里医生长得活像 “薯头先生(Mr．Potato Head)”，这是在美国家喻户晓的卡通人物。如果大家看过《玩具 总动员(Toy Story)》，就会在...
CSS

61,124

社区成员

60,705

社区内容

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章