0

这是我尝试过的许多事情之一：

<div class="block-footer">
    <div>
        <button class="align-left">xx</button>
        <button class="align-right">yy</button>
    </div>
</div>

如何让按钮 xx 向左移动，yy 向右移动？

4

7 回答 7

3

尝试这个

http://jsfiddle.net/ANC3H/1/

.align-left{

    float:left;
}
.align-right{

    float:right;
}
于 2013-07-30T05:06:53.287 回答
2

float 属性指定一个盒子（一个元素）是否应该浮动。

注意：绝对定位的元素会忽略 float 属性！

left 元素向左浮动。

right 元素向右浮动。

.align-left{

    float: left;
}
.align-right{

    float: right;
}

还有你的 HTML 文件

<div>
    <button class="align-left">xx</button>
    <button class="align-right">yy</button>
</div>

或者如果你想直接使用内联 CSS。

<div>
    <button style="float: left;">xx</button>
    <button style="float: right;">yy</button>
    <div style="clear: both;"></div>
</div>
于 2013-07-30T05:09:26.723 回答
1

尝试使用浮点数：

.align-left{
    float: left;
}
.align-right{
    float: right;
}
于 2013-07-30T05:06:57.547 回答
1

你可以简单地使用 style="float:left" 和 "float:right"

.align-left
{
 float:left
}

.alight-right
{
 float:right
}
于 2013-07-30T05:08:20.017 回答
1

你可以试试

<div class="block-footer" style="width:100%;float:left;">
   <div style="width:100%;float:left;">
      <button style="width:100%;float:left;" class="align-left">xx</button>
      <button style="width:100%;float:right;" class="align-right">yy</button>
   </div>

于 2013-07-30T05:08:28.027 回答
1

使用 CSS 属性float，试试这个：

.align-left{
    float:left;
}
.align-right{
    float:right;
}

jsFiddle：这里

于 2013-07-30T05:10:23.730 回答
1

尝试这个：

<div class="block-footer">
    <div>
        <button style="float: left;">xx</button>
        <button style="float: right;">yy</button>
        <div style="clear: both;"></div>
    </div>
</div>
于 2013-07-30T05:12:14.207 回答