Question

在我看来，这个css应该延伸＆＃34; x＆＃34;整个输入内容。

input{
    height:20px;
    width:20px;
    line-height:20px;
    font-size:20px;
    padding:0;  
}

相反，似乎有一些字体继承属性正在推动＆＃34; x＆＃34;下来。

我不知道那是什么。你能帮忙吗？

如果你想玩它，我已经成了一个小伙伴。 http://jsfiddle.net/uc4z20yb/ IMG http://i59.tinypic.com/2a65eg2.jpg

谢谢

Answer 1

嗯，我知道这不是最干净的解决方案，但你可以做到这一点。

<button><span>X</span></button>

然后在css：

button{
 width:20px;
 height:20px;
 padding:0;
 font-weight:20px;
 line-height:20px;
 position:relative;
}

button span{
 position:relative;
 top:-5px;
}

我不知道您是否尝试创建复选框，或者上面只是一个示例，但如果您尝试创建复选框，则有更好的方法可以执行此操作。

Answer 2

新答案： 啊，我看到你在这里想做什么。

在此示例中，我使用vertical-align将line-height设置为基线。

JS FIDDLE：http://jsfiddle.net/4fy9k6t9/1/

另外。如果你使用的是小'x'，它总是会偏离中心，因为lette ris的大小由它的大写字母高度决定：'X'，所以使用X.我认为它是一个关闭按钮。 / p>

如果必须使用小'x'，最好的选择是padding-bottom: 2px左右。

Answer 3

首先确保重置按钮，因此它不包含特定于操作系统的属性：

input {
  margin: 0;
  padding: 0;
  border: none;
  font: inherit;
  line-height: normal;
}

然后，根据需要使用text-align: center;将x居中。 http://jsfiddle.net/uc4z20yb/3/

请命名css属性。一些字体＆＃34;基线对齐＆＃34;。它是什么？

3 个答案: