html - 居中图像

标签 html css

我有一张 500 像素宽的图片。它位于一个 div 中。 div 的宽度为 250px。如何对齐 div 内部居中的图像?我应该使用 top 还是 left 还是应该使用负边距?

最佳答案

我会使用负边距:#myDiv img { margin: 0 -125px; }。不过,这仅在您知道 DIVIMG 的宽度时才有效。

关于html - 居中图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12029496/

相关文章:

javascript - 当 flexbox 宽度改变时改变 flex 元素的顺序

css - 包含按钮的 Bootstrap 表没有响应

javascript - 使元素占据所有可用空间

html - 没有用于本地存储的 SSL 的 getUserMedia()

jquery - 如何防止选项卡重叠?

php - 带有链接的有限目录和子目录列表

html - 如何居中和自动调整此 css 加载器的大小?

CSS图像背景位置

javascript - 如何使用 html5 event.dataTransfer 传输整个元素?

javascript - 路由器更改时无法正确呈现页面