Question

这是我的代码，我无法使用'button {margin-top：10px}

来设置样式

<input type="text"></input><button type="button"><img src="searchlogo.png" id="search"></button>

它是否与文本输入齐平？有什么提示吗？

Answer 1

要了解保证金的工作原理，请参阅此demo

CSS

    .b1{
    background:orange;
    color:white;
    border:none;

}

.b2{
    background:orange;
    color:white;
    border:none;
   margin-top:100px;
}

HTML

<input type="text"></input><button class="b1">Button Title</button>
<br/>
<input type="text"></input><button class="b2">Button Title</button>
<br/>
<input type="text"></input><button class="b1">Button Title</button>

Answer 2

我怀疑你的某个地方的某个地方有一个压倒一切的规则会阻止你的css代码做你想做的事。

您应该指定要实现边距的元素，而不是为button规则广泛调用margin-top: 10px;。

试试这个：

在您的HTML上：

<button class="my-button"><img src="image.jpg" alt="image" /></button>

在你的CSS上：

button.my-button { margin-top: 10px; }

Answer 3

<asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Button" CssClass="button" />

<head runat="server">
<title></title>
<style type="text/css">

     .button
     {
         margin-top: 20px;
     }
    </style>

为什么我不能用CSS移动按钮？

3 个答案: