html - 如何居中元素？

Answer 1

使用text-align: centerininput-group-addon和display: inline-blockin 图标元素，这是您的<i>. 我已经使用了.fa您的代码中的类。

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1;
    text-align: center;
}

.fa {
    display: inline-block;
}

Answer 2

将此 标签放入 span 并赋予 css 属性 text-align: center; 跨越。

#testDropdown{
  text-align: center;
}

<span id="testDropdown"><i></i></span>