html - 居中对齐图像持有人中的文本

标签 html css

<分区>


关闭 8 年前

我的一位开发人员今天不在办公室,我想在没有他的情况下快速完成一些事情。我需要在第一个位于中心的主图片下方放置文本“单击以放大”。我所能做的就是让它左对齐或右对齐。任何输入将不胜感激。

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

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

请参阅突出显示的文本以进行说明: http://i.stack.imgur.com/Pyr76.jpg

最佳答案

试试这个

.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);
}

关于html - 居中对齐图像持有人中的文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29924334/

上一篇:html - Chrome 42 中的样式输入占位符(默认和焦点状态)

下一篇:css - ngGrid 和 uiGrid 之间的区别?

相关文章:

JavaScript Facebook 共享选项

html - 下拉列表从不显示在 parent 之下

javascript - 使用 css 显示和隐藏元素不起作用

css - 如何动态更改 UI 中的字体大小以在 JavaFX 中始终保持相同的宽度?

css - 我如何在 Compass/Blueprint 中组织导入?

javascript - 寻找SVG的中心点坐标

html - Bootstrap 3 字形图标不能在按钮内工作

html - CSS选择第二个 child 和之后的每三个 child

c# - TagBuilder 查找特定的内部元素并添加新属性

javascript - 从许多选定的表格行到一个 div 标签