5.9w+
社区成员
- 主页
- 问答
请教一个布局的问题
现在有一个表格，最后一行的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>
我的代码如上。
<tr>
<td colSpan="2" width="470">
<input type="reset" id="btnReset" value="重置" class="rbutton" />
<a href="javascript:form();"class="shortButton">登录</a>
</td>
</tr>
我的代码如上。
...全文
请发表友善的回复…
发表回复
cloudgamer 2007-12-25
这个跟你的样式有关啊
<a href="javascript:form();"class="shortButton" style="display:inline;"> 登录 </a>
这样看看吧
<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;
这个是用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
所以默认肯定是一行
注意你这两个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
不好意思，好象还是不行，登陆还是在下一行。