2016-04-18 2 views
0
+------------------------------------------------------+ 
| div             | 
|+----------------------------------------------------+| 
|| button            || 
||          icon1 icon2 || 
||             || 
|+----------------------------------------------------+| 
|              | 
+------------------------------------------------------+ 

Я хочу разместить две значки над кнопкой в ​​div, выровненном по центру справа в div. Как написать для него CSS?Значки положения над кнопкой в ​​div

+2

Ожидается, что вы по крайней мере попытаться закодировать это для себя. Stack Overflow не является службой записи кода. Я бы предположил, что вы проводите дополнительные исследования, либо через Google, либо путем поиска SO, сделайте попытку и. если у вас все еще есть проблемы, вернитесь ** с кодом ** и объясните, что вы пробовали, и почему это не сработало. –

ответ

0

Вы должны обернуть свои иконки в DIV и стиля, что Див как этот

.wrapper-div{ 
    position:absolute; 
    right:25px; 
    top:50%; 
    transform:translate3d(0,-50%,0); 

} 

Пример: https://jsfiddle.net/zxt6azfn/

+0

Спасибо. Я сделал это без преобразования. Почему вы это предложили? – artooras

+0

@artooras, если вы добавите преобразование, не имеет значения высота div, он всегда будет вертикально центрирован – QoP

1

Вы можете попробовать плавать недвижимость.

Пример:

<div style="float:left"> 
 
    Button code 
 
</div> 
 
<div style="float:right"> 
 
    Icons code 
 
</div>

Смежные вопросы