87,995
社区成员
发帖
与我相关
我的任务
分享如何让两个链接显示在同一行？
现有两个超链接，<a href="#">修改</a> 和<a href="#">保存</a>,“保存”链接在页面加载时，是隐藏的，当点击“修改”链接时，显示“保存”链接，为了将“保存”链接和“修改”链接显示在同一行，我做了如下设置：
<div id="a1" style="display:inline"><a href="javascript:onSubmitForRule()">[保存]</a></div>
但是不起作用！请教各位大虾，怎么才能让两个链接显示在同一行？
<div id="a1" style="display:inline"><a href="javascript:onSubmitForRule()">[保存]</a></div>
但是不起作用！请教各位大虾，怎么才能让两个链接显示在同一行？
...全文
请发表友善的回复…
发表回复
hibin101 2010-06-08
- 打赏
- 举报
a标签本来就是内联元素吧，所以他们同时放在一起默认是在同一行的，可以是你的宽不够
xk1126 2010-06-08
- 打赏
- 举报
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<style type="text/css">
</style>
<SCRIPT LANGUAGE="JavaScript">
<!--
function showOpen() {
document.getElementById("a1").style.display="block";
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<a href="JavaScript:showOpen()">修改</a>
<div style="position:absolute;display:inline"><a href="javascript:onSubmitForRule()" style="display:none" id="a1">[保存]</a></div>
</BODY>
</HTML>
aperson111 2010-06-08
- 打赏
- 举报
估计是div宽度不够，因为a标签式不会自动换行的
建议查看div的宽度看看
建议查看div的宽度看看
ad0128 2010-06-08
- 打赏
- 举报
div的宽度不够吧
zyzy15 2010-06-08
- 打赏
- 举报
<div id="a1" style="width:200px;display:inline">
<a href="#" onclick="document.getElementById('sav').style.display=''">[修改]</a>
<a id="sav" href="javascript:onSubmitForRule()" style="display:none">[保存]</a>
</div>
avengercf 2010-06-08
- 打赏
- 举报
<div id="a1" style="display:inline">
<a href="javascript:onSubmitForRule()" style="float:left;" >[保存]</a>
<a href="#" style="float:left;" >修改</a>
</div>
同时你要保证你的列宽足够，否则会被浏览器强行换行
BOB_JACK 2010-06-08
- 打赏
- 举报
[Quote=引用 1 楼 lieri111 的回复:]
HTML code
<div id="a1" style="display:inline">
<a href="javascript:onSubmitForRule()">[保存]</a>
<a href="#">修改</a>
</div>
[/Quote]
1楼的，我试过了，好象不管用啊，呵呵
HTML code
<div id="a1" style="display:inline">
<a href="javascript:onSubmitForRule()">[保存]</a>
<a href="#">修改</a>
</div>
[/Quote]
1楼的，我试过了，好象不管用啊，呵呵
passself 2010-06-08
- 打赏
- 举报
<div id="a1" style="display:inline">
<a href="javascript:onSubmitForRule()">[保存]</a>
<a href="#">修改</a>
</div>
