css - 是否可以在将锚点定位在同一 div 中时将跨度居中在 div 中？

Question

使用这样的标记：

<div id='titlebar'>
  <a><img src='foo.png'></a>
  <span>Title</span>
</div>

定位锚定图像时是否可以将“标题”居中？

   ... [foo] .....................Title ...............................

谢谢

Answer 1

#titlebar {
  text-align: center;
}

#titlebar a {
  position: relative;
  left: -40em;
}

试试看。

由于图像在锚点中的原始位置，标题文本将稍微偏离中心，因此您也可以对其应用相对位置。