Fatal编程技术网
  • html/
  • Html 为什么可以'；我不能用CSS来移动按钮吗？

Html 为什么可以'；我不能用CSS来移动按钮吗？

html css button input

Html 为什么可以'；我不能用CSS来移动按钮吗？,html,css,button,input,Html,Css,Button,Input,这是我的代码，我无法使用“按钮{margin top:10px}对其进行样式设置 <input type="text"></input><button type="button"><img src="searchlogo.png" id="search"></button> 它没有与文本输入对齐吗？有什么建议吗？要了解保证金如何运作，请参见此 CSS HTML 按钮标题 按钮标题 按钮标题 我怀疑您的css中的某个地方有一条覆

这是我的代码，我无法使用“按钮{margin top:10px}对其进行样式设置

<input type="text"></input><button type="button"><img src="searchlogo.png" id="search"></button>
它没有与文本输入对齐吗？有什么建议吗？

要了解保证金如何运作，请参见此

CSS

HTML

按钮标题


按钮标题


按钮标题
我怀疑您的css中的某个地方有一条覆盖规则，阻止您的css代码执行您想要执行的操作

您应该指定要在其上实现边距的元素，而不是为
边距顶部：10px广泛调用
按钮
规则

试试这个：

在您的HTML上：



在CSS上：


button.my-button{
边缘顶部：10px；
}

按钮
{
边缘顶部：20px；
}



“按钮{margin top:10px}”任何边距都不起作用您是否正确地包含css文件？
位置的值是多少？你在网络游戏中有什么错误吗？可能添加了一些您尝试过的css，可能是您犯了错误。在JSFIDLE或CODEPent中重现一个问题css链接正确，我正在使用样式设置页面上的其他元素。我已经更改了位置值，您有什么建议吗？也许我不应该选择所有按钮，而是应该给它一个类？

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

}

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



<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>



<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>