Question

您好我正在尝试制作一个非常简单的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/

Answer 1

试试这个

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

.a{
  text-align:center;
 }

Demo

Answer 2

添加margin: 0 auto;样式为文本，水平居中。

Answer 3

我已经解决了这个问题，方法是在一个范围内包裹×，然后在其中设置范围以正确定位X.无论如何，谢谢。

如果有其他人需要这个：

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

Answer 4

尝试

.center-text {

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

}

将文本放在html元素的绝对中心

4 个答案: