1

嗨，我正在尝试制作一个非常简单的 x 删除按钮，我可以在我正在构建的整个网站中使用，但是，我似乎永远无法正确定位它......

到目前为止是这样的：

<button id="clear-input-location" name="clear-input-location">×</button>


#clear-input-location {
    display:block;
    background: #CCC;
    color: #FFF;
    border: none;
    font-weight: bold;
    font-size: 20px;
    border-radius: 20px;
    line-height: 0;
    height: 26px;
}

在这里看小提琴：http: //jsfiddle.net/kpheR/

4

4 回答 4

2

尝试这个

<div class="a">
  <button id="clear-input-location" name="clear-input-location">×</button>
</div>

.a{
  text-align:center;
 }

演示

于 2013-06-20T13:12:10.600 回答
0

尝试

.center-text {

text-align: center;
vertical-align: middle;

}
于 2013-06-20T13:22:30.147 回答
0

添加margin: 0 auto; 为您的文本设置样式，这将水平居中。

于 2013-06-20T13:09:20.470 回答
0

我已经解决了这个问题，方法是将 × 包裹在一个跨度中，然后在其中设置跨度的样式以正确定位 X。不管怎么说，还是要谢谢你。

如果其他人需要这个：

http://fiddle.jshell.net/kpheR/3/

于 2013-06-20T13:21:21.220 回答