css - 使用css定位图像

标签 css image positioning

我确实需要在页面中的某处放置图像(例如,距左侧 100 像素),但我想控制图像中心的位置, 当我使用 left:100px; ,图像位于距其左边缘 100px 的位置,而不是距其中心的位置...

有没有一种方法可以让我选择图像的中心位置而不是左/右边缘?

最佳答案

没有元素总是从左上角开始放置。如果你知道图像的宽度,这应该很容易解释。

如果您的图片大小是动态的,最好使用 Javascript 进行此类定位。

关于css - 使用css定位图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2701693/

相关文章:

html - 在标题处停止的框周围创建边框

html - 将不同尺寸的图像放在彼此下面

html - CSS 和 Div 定位

html - 通过 css 调整图像大小

positioning - 为什么这个内联框不显示 -- css 定位和堆栈级别/顺序

html - 容器 Bootstrap 的绝对位置

css - 自动换行/换行并保持上行缩进

html - 智能搜索扩展的实时搜索在 opencart 2.0.1.1 中的响应问题

javascript - 将 select2 的结果移动到另一个 div

javascript - 显示具有模糊效果的图像