CSS将图像水平居中
我正在尝试使用CSS将图像水平居中放置。
我正在使用以下HTML代码在屏幕上显示图像：
<div id="loading" class="loading-invisible">
<img class="loading" src="logo.png">
</div>
我正在裁剪图像，因为我只想显示一些图像，并且正在使用以下CSS：
img.loading
{
position:absolute;
clip:rect(0px,681px,75px,180px);
}
但是，一旦裁切后，我将无法确定如何居中。
有人能帮忙吗？
问题答案：
这样使用绝对位置和保证金位置
img.loading{
position: absolute;
left: 50%;
margin-left: -(half ot the image width)px
}
-
问题内容： 这可能是一个愚蠢的问题，但是由于居中对齐图像的常规方法不起作用，所以我想问一下。如何在容器div内居中对齐（水平）图像？ 这是HTML和CSS。我还包括了缩略图其他元素的CSS。它以降序运行，因此最高的元素是所有内容的容器，最低的元素是所有内容的内部。 好的，我添加了不带PHP的标记，因此应该更容易理解。这两种解决方案似乎都无法在实践中起作用。顶部和底部的文本不能居中，并且图像应在其容
-
在这个页面上，有一些员工的照片。 在肖像模式的iPad上，员工照片在右手边被切断。 我不介意他们被切断，但我希望他们对齐中心，而不是左对齐。 注意，我希望图像的尺寸是相同的，只是对齐向左移动，变成中心，这样脸就显示在图像边界的中间。 我尝试了以下解决这个问题的方法： 和 和 但这些都不起作用。
-
我想要中心的div水平与一个选项滚动使用CSS。我怎样才能做到呢？我看到了一个解决方案使用边距自动和最大宽度，但div将被削减，所以我没有这样做。 null null
-
问题内容： 我知道这个问题存在一百万次，但是我找不到解决方案。我有一个div，它应该固定在屏幕上，即使滚动页面，它也应该始终保持在屏幕中间！ 对于所有浏览器尺寸，div应该具有宽度，应该远离顶部（页边距），应该在页面中间水平居中，并且在滚动其余页面时不应移动。 那可能吗？ 问题答案：
-
本文向大家介绍CSS图片响应式 垂直水平居中，包括了CSS图片响应式 垂直水平居中的使用技巧和注意事项，需要的朋友参考一下 我看最近微博流行CSS居中技术，我看了几编资料写的都不多好，于是抽时间把相关资料整合了，具体内容如下。 点击此处下载源码 效果展示： 要求: 1.尽可能兼容更多浏览器，这里兼容到ie7,ie6不支持max-*就不考虑了。 2.浏览器尺寸变化时，图片总是等比例拉伸或缩放。 3.
-
问题内容： 我弹出一个包含ASP.NET表单的弹出窗口，单击链接“请求信息”，然后出现该表单。 但是，具有链接“请求信息”以触发弹出窗口的页面包含很多内容，因此需要滚动才能看到该链接。 如果用户滚动阅读内容，则需要始终居中，否则，如果他们不滚动，弹出窗口仍将居中显示在屏幕上。 在绝对定位，整个页面宽度与边距设置为。 问题答案： 如果div具有固定的宽度和高度，请使用：（如果width = 120p