如何以图像居中的方式设置网站的位置

How to get a website's position setup in a way that an image is centred?

本文关键字：方式 设置 网站 位置 图像      更新时间：2023-09-26

这个标题可能不是最好的，这是我正在寻找的一个例子：http://www.teslamotors.com/en_CA/models

注意图像如何保持在中间，并从两侧均匀地"缩小"或缩小，达到一定宽度，然后网站停止缩小。

我已经尽力了，但只能在使用 window.onresize 事件调用的 javascript 中实现这一点，并且想知道是否有一种 CSS 方法来做到这一点。

您需要应用百分比width，以及固定min-width，并margin: 0 auto以使其居中

.content {
    width: 70%;
    min-width: 400px;
    margin: 0 auto;
}

http://jsbin.com/isohAQe/1

相关文章：