将图标放在div中的按钮上

Question

+------------------------------------------------------+
| div                                                  |
|+----------------------------------------------------+|
|| button                                             ||
||                                      icon1 icon2   ||
||                                                    ||
|+----------------------------------------------------+|
|                                                      |
+------------------------------------------------------+

我想在div中的按钮上放置两个图标，在div中间对齐。我该如何为它编写CSS？

Answer 1

您可以尝试浮动属性。

样品：

＆＃13;

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

Answer 2

你必须将你的图标包装成div和样式，这样就像这样

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

}

示例：https://jsfiddle.net/zxt6azfn/