一般提示和技巧

Question

我正尝试使用HTML5 + CSS3创建一个简单的布局，如下图所示，对于一个高中的工作，但是，我不了解编程，而且在CSS3中的放置也遇到了困难，这是Codepen我在做，这就是我需要留下的布局图像，您能帮我吗？

谢谢=）

AttributeError: 'DataFrame' object has no attribute 'Price'

Answer 1

您可以使用以下方法轻松地将元素居中：

display: block;
margin: 0 auto;

如果元素太多，可以尝试使用float，例如：

float: left;

我看到您正在使用很多像素定位，而不是％或vw（视图宽度）或vh（视图高度）。对于小型项目而言，这很好，您可以将位置设置为相对，然后添加边距（请注意，边距可以更进一步地定位对象，例如：

position: relative;
margin-left: 40px;
margin-top: 50px;

一些使用您的代码的示例

例如，您可以使用以下按钮将按钮居中：

button {
  display: block;
  margin: 0 auto;
  width: 100px;
  height: 40px;
  border-radius: 10px;
  background-color: whitesmoke;
}

或者您可以使用以下方法将图像定位在右侧：

header > div > img {
  display: block;
  margin-right: 0px;
  margin-left: auto;
}

htmldog.com是一个学习HTML，CSS和Javascript的不错的网站，可能对您来说是一个很好的参考。免费的！