是否可以将一个跨度居中在一个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;
}

试试。

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