Html 在4个窗格之间添加中间间距
我正在学习html和css,我需要在显示的每个窗格之间添加间距。我该怎么做 我现在有下面的代码,它为我创建了两列。这是我知道的最先进的方法:)Html 在4个窗格之间添加中间间距,html,css,frontend,Html,Css,Frontend,我正在学习html和css,我需要在显示的每个窗格之间添加间距。我该怎么做 我现在有下面的代码,它为我创建了两列。这是我知道的最先进的方法:) .栏目{ 浮动:左; 宽度:50%; } .罗:之后{ 内容:“; 显示:表格; 明确:两者皆有; } 嘿,你应该尝试使用CSS的padding和margin属性,设置margin left=所需像素,并对margin right或padding right或left执行相同操作。我希望这能回答你的问题嘿,你应该尝试使用CSS的padding和marg
.栏目{
浮动:左;
宽度:50%;
}
.罗:之后{
内容:“;
显示:表格;
明确:两者皆有;
}
嘿,你应该尝试使用CSS的padding和margin属性,设置margin left=所需像素,并对margin right或padding right或left执行相同操作。我希望这能回答你的问题嘿,你应该尝试使用CSS的padding和margin属性,设置margin left=所需像素,并对margin right或use执行相同操作左右填充。我希望这能回答您的问题您需要在列中添加边距:10px。然后您将获得一些空间。您需要在列中添加边距:10px。然后你会得到一些空间。如果我在我的css列中添加margin:10px,那么我就会松开我的两列。然后,它只是显示每个图表堆叠在一起,看起来是一列。因此,请使用.column的padding:10px。如果我把margin:10px添加到我的css列中,那么我就失去了我的两个列。然后,它只是显示每个图表堆叠在一起,看起来是一列。因此,请使用.column的padding:10px。它应该会起作用。
<body>
<div class="row">
<div class="column">
<canvas id="Top left"></canvas>
</div>
<div class="column">
<canvas id="Top right"></canvas>
</div>
</div>
<div class="row">
<div class="column">
<canvas id="Bottom left"></canvas>
</div>
<div class="column">
<canvas id="Bottom right"></canvas>
</div>
</div>
</body>
<style type="text/css">
.column {
float: left;
width: 50%;
}
.row:after {
content: "";
display: table;
clear: both;
}
</style>