Question

我想从左到右更改按钮位置，我尝试过如下操作但只是文本向右浮动（“这是向右”）而不是按钮（“创建新”），我应该如何更改它在正确的地方？

<div style="width:100%;">
    <div style="float:right;">This is to the right</div>
    <p>
        @Html.ActionLink("Create New", "Create")
    </p>
</div>

Answer 1

如果您希望div中的所有内容都与右侧对齐，那么

text-align:right;应该可以解决这个问题...

<div style="width:100%;float:right; text-align:right;">
    <div>This is to the right</div>
    <p>
        @Html.ActionLink("Create New", "Create")
    </p>
</div>

Answer 2

两个style属性的含义是什么？什么应该浮动100％宽度？

你需要浮动按钮。例如。 p {float: right}。

Answer 3

为了保持Bootstrap友好，尽可能使用Bootstrap类而不是内联样式：

<div class="col-xs-12 text-right"> 
  <div>This is to the right</div>
  <p>@Html.ActionLink("Create New", "Create")</p>
</div>

col-xs-12 = 100％宽度

text-right =里面的所有内容都是对齐的

从左到右更改按钮

3 个答案: