当前位置: 首页 > 面试题库 >

将div中的图片水平居中[重复]

范云
2023-03-14
问题内容

img在div(class="top_image")中有一个,并且我希望此图像恰好位于div的中间,但是我尝试的任何方法都无效

谢谢你的帮助!


问题答案:

此处发布的每个解决方案都假定您知道的尺寸img这不是常见的情况。 同样,将尺寸植入解决方案中也是痛苦的。

只需设置:

/* for the img inside your div */
display: block;
margin-left: auto;
margin-right: auto;

要么

/* for the img inside your div */
display: block;
margin: 0 auto;

就这样。

请注意,您还必须为external设置一个min-width缩写div



 类似资料:
  • 问题内容: 这可能是一个愚蠢的问题,但是由于居中对齐图像的常规方法不起作用,所以我想问一下。如何在容器div内居中对齐(水平)图像? 这是HTML和CSS。我还包括了缩略图其他元素的CSS。它以降序运行,因此最高的元素是所有内容的容器,最低的元素是所有内容的内部。 好的,我添加了不带PHP的标记,因此应该更容易理解。这两种解决方案似乎都无法在实践中起作用。顶部和底部的文本不能居中,并且图像应在其容

  • 问题内容: 有没有办法在 垂直和水平方向上输入一个DIV, 但这很重要, 当窗口小于内容时,内容将不会被剪切 。div必须具有背景色,宽度和高度。 我总是将div的中心定位为绝对位置和负边距,如提供的示例所示。但是它有一个问题,那就是削减内容的顶部。有没有一种方法可以将div.content居中而不会出现此问题? CSS: HTML: 我的问题不是重复的“如何在水平和垂直方向上居中放置元素?”1-

  • 问题内容: 我正在尝试使用CSS将图像水平居中放置。 我正在使用以下HTML代码在屏幕上显示图像: 我正在裁剪图像,因为我只想显示一些图像,并且正在使用以下CSS: 但是,一旦裁切后,我将无法确定如何居中。 有人能帮忙吗? 问题答案: 这样使用绝对位置和保证金位置

  • 问题内容: 我知道这个问题存在一百万次,但是我找不到解决方案。我有一个div,它应该固定在屏幕上,即使滚动页面,它也应该始终保持在屏幕中间! 对于所有浏览器尺寸,div应该具有宽度,应该远离顶部(页边距),应该在页面中间水平居中,并且在滚动其余页面时不应移动。 那可能吗? 问题答案:

  • 我想要中心的div水平与一个选项滚动使用CSS。我怎样才能做到呢?我看到了一个解决方案使用边距自动和最大宽度,但div将被削减,所以我没有这样做。 null null

  • 我在父div中的图标居中(垂直和水平)存在问题。我的页面上有许多大小不同的父div,因此我希望能够按比例将图标放置在每个父div的中心。下面是一个JSFIDLE问题: JSFIDLE公司 HTML CSS