我有以下 HTML(删除了一些表单输入标签以使代码最小化以提高可读性):
<a href="add.html">Add</a> <a href="remove.html">Remove</a>
<form action="">
<a href="" onclick="parentNode.submit();return false;">Submit</a>
</form>
它基本上是三个链接,最后一个链接是一个模仿表单提交按钮功能的链接(我想要它作为一个链接,并且看起来唯一的跨浏览器方式是使用 JavaScript 链接 - 虽然我明白它需要启用 JavaScript)。
这可能是某些人的第二天性,但我似乎无法让同一行上的三个链接彼此相邻,它最终会在下一行显示最后一个链接(我相信这是因为最后一个链接包裹在表单标签中?)。
有没有办法通过将它们包装在带有某种 CSS 类的 div 中来解决这个问题(只是一个想法)?
最佳答案
将 display:inline;
或 display:inline-block
添加到您的表单元素。例如:
<form style="display:inline">
fiddle :http://jsfiddle.net/gJqvr/1/
关于html - 使用 HTML/CSS 使所有三个 3 HTML 链接显示在同一行?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8013379/