请有人帮助诊断这个不应该是的小问题 - 尝试将文本居中底部对齐背景图像，我已经做了很多次，出于某种原因，经过几个小时的尝试后无法进行...
这是在页脚右侧浮动的徽标：http://www.inside-guides.co.uk/brentwood/pages/index.html
正如您所见，“会员”位于图像的左侧，就在下方。这是测试的内联代码：
<div style="margin-right:15px;position:relative;float:right;width:88px;height:100px;background:url(/images/Structure/chamber-logo.png) no-repeat;background-position:50% 0"><span style="font-size:12px;position:absolute;bottom:0;margin:0 auto;text-align:center;">Member Of</span></div>
答案 0 :(得分：0)
text-align:center对跨度没有任何作用，因为它的宽度与文本的宽度相同。把那种风格改为外部的div。
答案 1 :(得分：0)
您可以将范围更改为div：
<div style="font-size:12px; position:absolute;bottom:0; width:100%; text-align: center;">Member Of</div></div>
答案 2 :(得分：0)
以下是此模式的版本：
http://jsfiddle.net/audetwebdesign/svXkt/
我添加了一些背景颜色，一些边框并夸大了包含徽标的元素的宽度，以便显示它是居中的。
（1）您可以使用center属性的background-position值来居中背景图片。这是避免必须根据特定徽标的大小调整容器大小的好方法。
（2）文本标签/标题很容易使用text-align: center;居中，但这仅适用于块级元素，因此，在设置{{{1}样式时使用display: block 1}}元素。
（3） span徽标的父容器的跨度宽度，您需要指定宽度。
当然，正如SpliFF建议的那样，您可以在顶部添加一些填充以向下移动文本内联元素，然后使用text-align。
当我在页面上有一系列徽标时，我倾向于使用此模式，例如赞助商页面。