我似乎无法让字形在页面上居中对齐

Question

<span class="glyphicon glyphicon-chevron-down" aria-hidden="true" style="align:center"></span>

我可以看到图标，但它在左边。我尝试过text-align和aligh =＆＃34; center＆＃34;但似乎没有任何作用

Answer 1

用容器包裹跨度并将其文本对齐设置为居中。

.parent-container { text-align:center; }

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<div class="parent-container">
  <span class="glyphicon glyphicon-chevron-down" aria-hidden="true"></span>
</div>