是否可以使绝对定位的img水平居中?

史蒂夫·巴尔默(Steve Bahlmer)

是否可以仅使用CSS(不使用JS)以类似于响应的方式使图像相对于容器水平居中(显然,如果容器具有固定的宽度,我可以对像素进行数学运算以使其精确)??

这是该场景的一个小提琴:http : //jsfiddle.net/uqxu0vtv/1/

div.somediv { padding: 150px 2% 2%; border: 1px solid #000; position: relative;}
    div.somediv img { position: absolute; top: 20px; left: 35%;} 
保利

是的,一点没错!:)

div.somediv {
  padding: 150px 2% 2%;
  border: 1px solid #000;
  position: relative;
}
div.somediv img {
  position: absolute;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
}
<div class="somediv">
  <img src="http://blog.grio.com/wp-content/uploads/2012/09/stackoverflow.png" />
  <p>If the Federal Reserve prints more money, then the market will go up in nominal terms, creating the illusion that the stock market is going up, but it's not; our money is going down.</p>
</div>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

水平和垂直居中绝对定位的元素

来自分类Dev

使绝对定位的项目居中

来自分类Dev

对齐固定位置的元素以使其水平居中

来自分类Dev

可以使用CssLayout来实现组件的绝对定位吗?

来自分类Dev

如何居中绝对定位的项目

来自分类Dev

居中绝对定位伪元素

来自分类Dev

CSS-如何水平居中定位谁的桌子绝对位置

来自分类Dev

将绝对定位的对象相对于多行<a>标签水平居中?

来自分类Dev

将绝对定位的元素水平居中放置在另一个元素的中心之下

来自分类Dev

如何在绝对定位的父级中水平居中固定内容?

来自分类Dev

水平滚动绝对定位的元素?

来自分类Dev

避免水平滚动以使用CSS将绝对div定位在右侧

来自分类Dev

是否可以将相对定位的元素垂直居中?

来自分类Dev

水平和垂直居中img

来自分类Dev

如何将绝对定位的元素居中?

来自分类Dev

在绝对定位的div中将文本垂直居中

来自分类Dev

如何将绝对定位的元素居中?

来自分类Dev

将绝对定位的div垂直居中?

来自分类Dev

在 CSS Grid 中将绝对定位的元素居中

来自分类Dev

纯 CSS:垂直和水平居中一个绝对定位元素,其宽度取决于子元素

来自分类Dev

是否可以根据要定位的元素的右下角绝对定位元素?

来自分类Dev

是否可以使用经典蓝牙定位估算信标?

来自分类Dev

是否可以使用useState挂钩定位className?

来自分类Dev

是否可以使用CSS访问定位标记的文本?

来自分类Dev

我可以使用CSS过渡为绝对定位的元素设置动画吗?

来自分类Dev

如何水平居中绝对div的内容

来自分类Dev

将 DIV 与绝对定位的孩子水平对齐

来自分类Dev

是否可以使用famo.us实现水平滚动?

来自分类Dev

是否可以使用 <img> 标签触发网页浏览?

Related 相关文章

  1. 1

    水平和垂直居中绝对定位的元素

  2. 2

    使绝对定位的项目居中

  3. 3

    对齐固定位置的元素以使其水平居中

  4. 4

    可以使用CssLayout来实现组件的绝对定位吗?

  5. 5

    如何居中绝对定位的项目

  6. 6

    居中绝对定位伪元素

  7. 7

    CSS-如何水平居中定位谁的桌子绝对位置

  8. 8

    将绝对定位的对象相对于多行<a>标签水平居中?

  9. 9

    将绝对定位的元素水平居中放置在另一个元素的中心之下

  10. 10

    如何在绝对定位的父级中水平居中固定内容?

  11. 11

    水平滚动绝对定位的元素?

  12. 12

    避免水平滚动以使用CSS将绝对div定位在右侧

  13. 13

    是否可以将相对定位的元素垂直居中?

  14. 14

    水平和垂直居中img

  15. 15

    如何将绝对定位的元素居中?

  16. 16

    在绝对定位的div中将文本垂直居中

  17. 17

    如何将绝对定位的元素居中?

  18. 18

    将绝对定位的div垂直居中?

  19. 19

    在 CSS Grid 中将绝对定位的元素居中

  20. 20

    纯 CSS:垂直和水平居中一个绝对定位元素,其宽度取决于子元素

  21. 21

    是否可以根据要定位的元素的右下角绝对定位元素?

  22. 22

    是否可以使用经典蓝牙定位估算信标?

  23. 23

    是否可以使用useState挂钩定位className?

  24. 24

    是否可以使用CSS访问定位标记的文本?

  25. 25

    我可以使用CSS过渡为绝对定位的元素设置动画吗?

  26. 26

    如何水平居中绝对div的内容

  27. 27

    将 DIV 与绝对定位的孩子水平对齐

  28. 28

    是否可以使用famo.us实现水平滚动?

  29. 29

    是否可以使用 <img> 标签触发网页浏览?

热门标签

归档