请教一个布局的问题

stanley8315 2007-12-24 05:06:59
现在有一个表格,最后一行的td内容是reset和submit两个键,原来都使用<input>的格式,两个键一左一右排列,但是后来修改了下,reset仍然使用<input>格式,而submit使用了<a></a>的格式,然后两个键显示的效果就是分为2行了,哪位高手能帮我解决下这个问题。
<tr>
<td colSpan="2" width="470">
<input type="reset" id="btnReset" value="重置" class="rbutton" />
   
<a href="javascript:form();"class="shortButton">登录</a>
</td>
</tr>
我的代码如上。
...全文
47 点赞 收藏 5
写回复
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
cloudgamer 2007-12-25
这个跟你的样式有关啊
<a href="javascript:form();"class="shortButton" style="display:inline;"> 登录 </a>
这样看看吧
回复
zing02223 2007-12-25
<a href="javascript:form();"class="shortButton"> 登录 </a>
这个是用display做的伪submit按钮吧
如果要把input和伪submit对齐,会用到float.
如果用了float,中间就不能用 空格间距,建议在a标签上加margin-left: 1.5em; display:inline;
回复
曹长科 2007-12-25
<input>和<a>元素都属于inline类型
所以默认肯定是一行

注意你这两个class格式
<input type="reset" id="btnReset" value="重置" class="rbutton" />
   
<a href="javascript:form();" class="shortButton"> 登录 </a>

给第一个class="rbutton"
添加一个属性
display:inline
回复
i2ibm 2007-12-25
我試了下,啥也不用也能齊行,注意是不是你的表格寬度不夠,或者把寬度先刪除
回复
stanley8315 2007-12-25
不好意思,好象还是不行,登陆还是在下一行。
回复
发动态
发帖子
CSS
创建于2007-09-28

5.9w+

社区成员

层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
申请成为版主
社区公告
暂无公告