html - 使用 HTML/CSS 使所有三个 3 HTML 链接显示在同一行?

标签 html css href

我有以下 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/

相关文章:

javascript - 使 <a> 中的图像或 div 免于成为链接

javascript - 如何在href中调用js/script

html - disabled 属性的正确值是多少?

javascript - JQuery中如何在另一个元素中调用一个元素的事件

css - 如何在悬停时控制div :?

css - 如何在圆形背景中将图标居中

html - SVG 对象从外部 CSS 更改颜色

HTML anchor 标记占用整行

html - 带 srcdoc 的 iframe : same-page links load the parent page in the frame

html - 更改文本区域的轮廓颜色