Question

我在html中的标记：

<div>
    <asp:Button runat="server" ID="btnUpload" Text="Загрузить" OnClick="btnUpload_Click" />
</div>

我的css：

.dwnButtonDiv {
    clear:both; 
    text-align:right;
}

Answer 1

你有两种选择。

如果您想将div中的所有内容移到右侧，那么text-align: right可以正常工作。这会将按钮以及任何其他内容移动到右侧。

如果您想将仅按钮向右移动，将任何其他内容留在左侧，则应将float: right;应用于按钮本身。您还应该考虑在包装器div（或某种类型的clearfix解决方案）上使用overflow: auto;来确保div正确地与其中的浮动元素一起形成。

Here is a jsfiddle展示了这两种方式。

Answer 2

不确定这是否有效但尝试添加：

<asp:Button runat="server" ID="btnUpload" Text="Загрузить" OnClick="btnUpload_Click" style="float:right;" />

Answer 3

尝试;

<div class="class1">
    <asp:Button runat="server" ID="btnUpload" Text="Загрузить" OnClick="btnUpload_Click" />
</div>

.class1{
    text-align:right;
}
.dwnButtonDiv {
    clear:both; 
    text-align:right;
}

如何按下div右侧的按钮？

3 个答案: