jquery - CSS/jQuery - 将图像标签(p 标签)定位在图像的底部中间

Question

我将图像名称包含在 p 标签中，并将其附加到每个图像。目前 p 标签将位于图像的左下角，我不确定如何使用 jquery 或 css 将它对齐到中间。

这是我的 html 结构:

<div id="Medium2" style="position: absolute; top: 393px; left: 657px;">
     <div style="overflow: hidden; position: relative; width: 252px; height: 111px; top: 0px; left: 0px; margin: 0px;">
     <img id="Medium2_1" style="width: 252px; height: 111px; resize: none; position: static; display: block;" src="../../Content/ContainerImg/Medium2.png">
     </div>
<p id="165" class="labels" oldtitle="Double click to rename...">IMAGE NAME</p>

知道如何将 p 标签放在 img 的中间吗？

感谢任何帮助...谢谢...

Answer 1

只需将 <img> 包裹起来和 <p>在同一<div>元素，并设置 <div>元素的 text-align属性(property)center .这是一个例子:

http://jsfiddle.net/jhrTM/