CSS 问题 - 'post link'

Question

我不是 CSS 专家，所以我想知道是否有人可以提供帮助。我有几种形式来删除这样的元素:

<form action="/Items/DeleteItem" class="deleteForm" method="post"> 
                    Some text
                                        <input id="Id" name="Id" value="14014" type="hidden">
                                        <input value="Delete" class="link_button" type="submit"> 
                                </form>

这应该是这样的:

部分文字删除

此处“一些文本”描述了该元素，Delete 是一个“链接”，它执行发布请求以删除该元素(因为几乎所有浏览器仅支持发布和获取请求)。

我已经开始设置样式(下面的 CSS)，但“删除”“链接”相对于“某些文本”(至少在 Firefox 中)仍然略有偏移。我将不胜感激任何有关 css 的帮助。谢谢!

.link_button
{
    background-color:white;
    border:0;
    color:#034af3;
    text-decoration:underline;
    font-size:1em;
    font-family:inherit;
    cursor:pointer;
    float:left;
    margin:0;
    padding:0;
}

.deleteForm
{
    float:right;
    margin:0;
    padding:0;
}

基督徒

Answer 1

您可能想使用不同的 display提交按钮的类型，而不是 float 它。制作 inline将使它的行为就像文本一样。这是一个 explanation所有显示值；最重要的是 block , inline和 inline-block .

请注意，您可能希望使用 <button type="submit" class="link_button">Delete</button> ，因为它比 <input> 提供了更大的灵 active .