网页中有一div且网页的body有背景图片，我想使div在任何大小的窗口居中且body的背景图片置于网页底部，背景图片水平填充且不重复

这是一个前端开发的问题，您可以使用CSS样式来实现。

首先，设置body的背景图片为底部对齐并水平铺满:

body {
    background-image: url("your-image.jpg");
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
}

然后，设置中心居中的div:

div {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

这将使div在任何大小的窗口居中，而背景图将保持在网页底部不重复水平填充。

相关问题

el-dialog__body中div居中

要让 el-dialog__body 中的 div 居中，可以使用 CSS 中的 flex 布局。具体的代码如下：

.el-dialog__body {
  display: flex; /* 设置 flex 布局 */
  justify-content: center; /* 水平居中 */
  align-items: center; /* 垂直居中 */
}

这样设置后，el-dialog__body 中的 div 就会水平和垂直居中了。

div位于body的水平居中

可以使用CSS中的margin属性来实现将一个子元素（比如div）在body中水平居中。具体的代码如下：

div {
  width: 200px; /*设置div的宽度*/
  margin: 0 auto; /*设置左右margin为auto*/
}

其中，`margin`属性用来设置元素的外边距，通过将左右外边距设置为auto，可以使元素在水平方向上居中。需要注意的是，在使用margin属性进行居中时，需要先将子元素的宽度设置好，这样才能计算出左右外边距的值。