请教一个布局的问题

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>
我的代码如上。
...全文
128 5 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
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
  • 打赏
  • 举报
回复
不好意思,好象还是不行,登陆还是在下一行。

61,129

社区成员

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

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