我有一堆div,我想在两列中使用50vw和50vw来制作一个完美的正方形。然而,当向左浮动时,它们不会彼此相邻,而是在新的一行上。它必须是响应性的,所以我不能使用固定值。我该怎么做呢?
HTML
<div>A</div>
<div>B</div>
<div>C</div>
<div>D</div>
<div>E</div>
CSS
body {
margin: 0px;
}
div {
width: 50vw;
float: left;
d
我试着把所有的元素都放在页面的中心,但每当我调整浏览器的大小时,一切都会变得一团糟。我已经尝试了几天来解决这个问题,但是我所做的似乎都不起作用。我已经查看了很多资源来了解问题所在(查看youtube教程,确保我所有的测量都是以像素为单位,使用包装器等)。我是编程新手(只有一个月左右),所以我肯定忽略了一些东西。
这是我的HTML:
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>J and R R