Question

我有这些图标向右浮动，但它们没有正确对齐，我想修复它们，所以如果中间缺少一个图标 - 左边的图标将正确移动到中间部分。我希望它们具有灵活性，具体取决于添加，删除和移动图标。

<span  class="toggleIcon accordion_collapse_icon float_right icon-minus"> + </span>

<span class="float_right week_date_range">Dec 2 - 6</span>

<a id="editElement" class="btn_inline_block float_left btn_edit_element"> @
                    </a>

CSS：

.accordion_collapse_icon {
position: relative;
top: 15px;
right: 20px;
cursor: pointer;
}

week_date_range {
position: relative;
top: 13px;
right: 40px;
color: #a5a5a5;
}
.btn_inline_block {
display: inline-block;
padding-left: 0;
padding-right: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.float_right, .float-right {
float: right;
}
[class*=" icon-"] {
display: inline;
width: auto;
height: auto;
line-height: normal;
vertical-align: baseline;
background-image: none;
background-position: 0% 0%;
background-repeat: repeat;
margin-top: 0;
}

Answer 1

我不确定你想要的最终输出。以下是对它的抨击：http://jsfiddle.net/HW8E6/

我添加了一个包装容器并向右浮动：

.container {
    float: right;
}

我会说通常在向右漂浮时，我喜欢漂浮周围的容器，然后包括我的物品。这样做的原因是，要一个接一个地将所有东西都正确地移动，你必须以相反的顺序添加它们。如果你浮动一个容器，那么你可以保持它们的逻辑顺序。

安排图标和布局

1 个答案: