【问题标题】:Making all three 3 HTML links display on the same line with HTML/CSS?使所有三个 3 HTML 链接与 HTML/CSS 显示在同一行?
【发布时间】:2011-12-22 05:44:01
【问题描述】:

我有以下 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 中来解决这个问题?

【问题讨论】:

  • 您可以将提交链接移到表单外。

标签: html css href


【解决方案1】:

display:inline;display:inline-block 添加到您的表单元素。例如:

<form style="display:inline">

小提琴:http://jsfiddle.net/gJqvr/1/

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2013-12-18
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-08-27
    • 2014-05-28
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多