帮我看一下表格的第一列为什么不靠右,谢谢(有代码)

jack_smx 2015-07-26 10:44:07
表格的第一列为什么不靠右,谢谢

<form>
<table align="center">
<tr>
<td><strong>注册信息表</strong></td>
</tr>
</table>
<table width="600px" align="center" border="1" cellpadding="7">
<colgroup align="right"></colgroup>

<tr>
<td>用户名:</td>
<td><input type="text" name="uname" size="10" maxlength="10"/></td>
</tr>
<tr>
<td>密码:</td>
<td><input type="password" name="upwd" size="10" maxlength="10" /></td>
</tr>
<tr>
<td>年龄:</td>
<td><input type="text" name="uage" size="1" maxlength="1"/></td>
</tr>
<tr>
<td>性别:</td>
<td>
<input type="radio" name="sex" value="man" checked="checked"/>男
<input type="radio" name="sex" value="women"/>女
</td>
</tr>
<tr>
<td>邮箱:</td>
<td><input type="text" name="email" size="15" maxlength="50"/></td>
</tr>
<tr>
<td>城市:</td>
<td>
<select name="citys">
<option value="上海">上海</option>
<option value="东莞" selected="selected">东莞</option>
<option value="深圳">深圳</option>

</select>
</td>
</tr>
<tr>
<td>所属区域:</td>
<td>
<select name="areas">
<optgroup label="上海">
<option value="徐汇区">徐汇区</option>
<option value="杨浦区" >杨浦区</option>
<option value="长宁区">长宁区</option>
</optgroup>
<optgroup label="东莞">
<option value="东城区">东城区</option>
<option value="南城区" >南城区</option>
<option value="莞城区">莞城区</option>
</optgroup>
<optgroup label="深圳">
<option value="宝山区">宝山区</option>
<option value="蛇口区" >蛇口区</option>
<option value="龙华区">龙华区</option>
</optgroup>
</select>
</td>
</tr>
<tr>
<td>爱好:</td>
<td>
<input type="checkbox" name="love" value="文学"/>文学
<input type="checkbox" name="love" value="艺术"/>艺术
<input type="checkbox" name="love" value="音乐"/>音乐
</td>
</tr>
<tr>
<td>交友目标:</td>
td>
<select name="targets" size="3" multiple="multiple">
<option value="普通朋友">普通朋友</option>
<option value="同行" >同行</option>
<option value="爱人">爱人</option>

</select>
</td>
</tr>
<tr>
<td>上传照片:</td>
<td><input type="file" name="mypic" size="15" /></td>
</tr>
<tr>
<td>个人简介:</td>
<td>
<textarea name="person" cols="35" rows="6">请输入个人简历</textarea>
</td>
</tr>
<tr>
<td colspan="2">
<input type="submit" value="完成"/>
<input type="reset" value="取消"/>


</td>

</tr>
</table>



</form>
...全文
272 5 打赏 收藏 转发到动态 举报
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
jack_smx 2015-08-01
  • 打赏
  • 举报
回复
谢谢大家
neorobin 2015-07-27
  • 打赏
  • 举报
回复
<!DOCTYPE html>
<html>
    <head>
        <style>
            /* main_tab 中除最后一行外的第一列 */
            #main_tab tr:not(:last-child)>td:first-child
            {
                text-align: right;
            }
        </style>
    </head>
    <body>
        <form>
            <table  align="center">
                <tr>
                    <td><strong>注册信息表</strong></td>
                </tr>
            </table>
            <table id="main_tab" width="600px" align="center" border="1" cellpadding="7">
                <colgroup align="right"></colgroup>
                <tr>
                    <td>用户名:</td>
                    <td><input type="text" name="uname" size="10" maxlength="10"/></td>
                </tr>
                <tr>
                    <td>密码:</td>
                    <td><input type="password" name="upwd" size="10" maxlength="10" /></td>
                </tr>
                <tr>
                    <td>年龄:</td>
                    <td><input type="text" name="uage" size="1" maxlength="1"/></td>
                </tr>
                <tr>
                    <td>性别:</td>
                    <td>
                        <input type="radio" name="sex" value="man" checked="checked"/>男
                        <input type="radio" name="sex" value="women"/>女
                    </td>
                </tr>
                <tr>
                    <td>邮箱:</td>
                    <td><input type="text" name="email" size="15" maxlength="50"/></td>
                </tr>
                <tr>
                    <td>城市:</td>
                    <td>
                        <select name="citys">
                            <option value="上海">上海</option>
                            <option value="东莞" selected="selected">东莞</option>
                            <option value="深圳">深圳</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td>所属区域:</td>
                    <td>
                        <select name="areas">
                            <optgroup label="上海">
                                <option value="徐汇区">徐汇区</option>
                                <option value="杨浦区" >杨浦区</option>
                                <option value="长宁区">长宁区</option>
                            </optgroup>
                            <optgroup label="东莞">
                                <option value="东城区">东城区</option>
                                <option value="南城区" >南城区</option>
                                <option value="莞城区">莞城区</option>
                            </optgroup>
                            <optgroup label="深圳">
                                <option value="宝山区">宝山区</option>
                                <option value="蛇口区" >蛇口区</option>
                                <option value="龙华区">龙华区</option>
                            </optgroup>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td>爱好:</td>
                    <td>
                        <input type="checkbox" name="love" value="文学"/>文学
                        <input type="checkbox" name="love" value="艺术"/>艺术
                        <input type="checkbox" name="love" value="音乐"/>音乐
                    </td>
                </tr>
                <tr>
                    <td>交友目标:</td>
                    <td>
                        <select name="targets" size="3" multiple="multiple">
                            <option value="普通朋友">普通朋友</option>
                            <option value="同行">同行</option>
                            <option value="爱人">爱人</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td>上传照片:</td>
                    <td><input type="file" name="mypic" size="15" /></td>
                </tr>
                <tr>
                    <td>个人简介:</td>
                    <td>
                        <textarea name="person" cols="35" rows="6">请输入个人简历</textarea>
                    </td>
                </tr>
                <tr>
                    <td colspan="2">
                        <input type="submit" value="完成"/>
                        <input type="reset" value="取消"/>
                    </td>
                </tr>
            </table>
        </form>
    </body>
</html>
李尸尸 2015-07-27
  • 打赏
  • 举报
回复
别介意,你这个在写前端时,脑海中就得有个谱,要用最少的代码来把东西完成,因为你只有两列,所以帮你稍微改一下 <style> th{width:30%; text-align:right;}/*指定了宽度,那么文字就按这个基准来向左显示*/ td{width:70%;} </style> <table> <tr> <th>username:</th> <td><input type="text" placeholder="请输入你的用户名" /> </tr> <tr> <th>password:</th> <td><input type="text" placeholder="password" /> </tr> </table>
孟子E章 2015-07-26
  • 打赏
  • 举报
回复
所有主流浏览器都支持 <colgroup> 标签。 Firefox、Chrome 以及 Safari 仅支持 colgroup 元素的 span 和 width 属性。 ie是支持的,firefox以后会废弃掉,不再支持。 firefox可以使用css <style> td:nth-child(1) { text-align:right;color:red} </style>
蝶恋花雨 2015-07-26
  • 打赏
  • 举报
回复
用 css 里面 text-align:right; 或者float:right 都可以。试试

61,110

社区成员

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

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