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属性设置为center 。这是一个例子：

http://jsfiddle.net/jhrTM/

Answer 2

<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="http://img.track-ip.com/s.php?u=translate.google.com">
     </div>
<p style="text-align:center" id="165" class="labels" oldtitle="Double click to rename...">IMAGE NAME</p>

只需添加text-align:center这样就可以达到最低点。这就是你想要的吗？

CSS / jQuery - 位置图像标签（p标签）位于图像的底部中间

2 个答案: