расположение иконок и макета

0

У меня есть эти значки, которые плавают вправо, но они не выравниваются должным образом, и я хочу их исправить, поэтому, если один значок посередине отсутствует, значок слева будет правильно перемещаться в среднюю часть. Я хотел, чтобы они были гибкими в зависимости от добавления и удаления и перемещения значков.

Вот jsfiddle: http://jsfiddle.net/67pun/

<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;
}
  • 0
    @PatrickEvans К сожалению пропустил нажал
Теги:

1 ответ

0
Лучший ответ

Я не совсем уверен в желаемой конечной продукции. Вот удар по нему: http://jsfiddle.net/HW8E6/

Я добавил контейнер для упаковки и поместил его правильно:

.container {
    float: right;
}

Я скажу, что обычно при плавании справа мне нравится плавать окружающий контейнер, а затем включать мои предметы. Причиной этого является то, что для плавания все правильно один за другим вы должны добавить их в обратном порядке. Если вы плаваете в контейнере, вы можете сохранить их в логическом порядке.

  • 0
    Спасибо, но мне нужно, чтобы все иконки были в одной строке.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню