css - 使用 imageview 和文本 html 创建按钮

Question

我创建了一个按钮，它有一个 imageview 和 text。这是我的代码:

.button-login {
    border: 2px solid #007ac0;
    border-radius: 10px;
    color: #007ac0;
    background-color: #ffffff;
    padding: 1em 2em;
}
.csslogin{
    margin-left: 10px;
    vertical-align: middle;
}

<button class="button-login"><span class="csslogin"><img class="csslogin" src="img\icon_lock.png" width="20" height="20" >Login</span></button>

现在我想在 button 中的 imageview 和 text 之间设置空间。怎么做？谢谢大家

Answer 1

在图像和文本之间使用边距或填充。你应该改变

margin-left:10px;

到

margin: 0 10px;