居中对齐图像持有者中的文本

时间:2015-04-28 16:01:20

标签: html css

我的一位开发人员今天不在办公室,我正试图在没有他的情况下完成一些快速的工作。我需要在第一个主图片下面的文字“点击放大”才能在中心。我能做的就是让它左右对齐。任何意见都将不胜感激。

我也尝试过使用“margin-left:auto; margin-right:auto;”但也没有运气。

http://coasttocoastfishmounts.com/fish-mounts/striped-bass

有关说明,请参见突出显示的文字: http://i.stack.imgur.com/Pyr76.jpg

1 个答案:

答案 0 :(得分:0)

试试这个

.big-image-holder .click-to-enlarge{
  position: absolute;
  left: 50%;
  bottom: 0;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}