设置一个div，占页面百分之八十，并且盒子居中（左右各有百分之十的空间）

好的，您可以按照以下方式设置：

<div style="width: 80%; margin: 0 auto;"></div>

这个div元素的宽度是80％，意味着它会占据页面的80％。 margin属性设置为0 auto可以让盒子在左右两侧各留下10％的空间，同时在页面中水平居中。

相关问题

让底部边框只显示当前这个div宽的百分之八十，不重新定义别的div

要让底部边框只显示当前这个 `div` 宽的百分之八十，可以使用相对定位（`position: relative`）和绝对定位（`position: absolute`）来实现。具体的 CSS 代码如下：

div {
  position: relative;
  width: 100%;
}

div::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 10%;
  width: 80%;
  border-bottom: 1px solid black;
}

这里，我们使用了 `::after` 伪元素来添加一个绝对定位的元素，它的 `bottom` 属性设置为 `0`，表示它在当前 `div` 元素的底部。`left` 属性设置为 `10%`，表示它距离当前 `div` 元素的左边界的距离为 `10%`。`width` 属性设置为 `80%`，表示它的宽度为当前 `div` 元素的宽度的百分之八十。最后，我们给它添加了一个底部边框，样式和之前的方法一样。

这样做的好处是不需要重新定义其他的 `div` 元素，只需要对当前 `div` 元素进行样式设置即可。

div居中宽度为百分之60

要将一个 `<div>` 元素水平居中，并且宽度为父容器宽度的百分之60，您可以使用以下 CSS 属性和值来实现：

div {
  margin: 0 auto; /* 水平居中 */
  width: 60%; /* 宽度为百分之60 */
}

在上述示例中，`div` 是您要进行样式设置的 `<div>` 元素的选择器。通过将 `margin` 属性设置为 `0 auto`，这将使 `<div>` 元素在水平方向上居中对齐。通过将 `width` 属性设置为 `60%`，这将使 `<div>` 元素的宽度为其父容器宽度的百分之60。

确保您的父容器具有一定的宽度，否则居中效果可能无法实现。此外，如果您的父容器有其他样式或布局设置，可能需要进行一些调整以确保居中效果正常工作。

希望这能帮到您！如果您还有其他问题，请随时提问。