我是网页开发的初学者,我不明白为什么这里有空白(检查屏幕截图),我会删除它们.PS:我使用电子框架制作桌面应用程序。

* {
border: 2px solid black;
}
#Icon {
height: 30px;
width: 30px;
}
.Minimize {
height: 30px;
width: 30px;
}
.Close {
height: 30px;
width: 30px;
}
#Triangle {
width: 0;
height: 0;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-bottom: 100px solid #20272F;
margin: auto;
}
#Titre {
vertical-align: middle;
text-align: center;
}<header>
<img id="Icon" src="Images/icon.png">
<input type="image" class="Minimize" src="Images/minimize_window_96px.png"></input>
<input type="image" class="Close" src="Images/close_window_96px.png"></input>
</header>
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="Style.css">
</head>
<body>
<h1 id="Titre">Triangle des equations</h1>
<div id="Triangle"></div>
<div id="PartiEquation"></div>
<script src="code.js"></script>
</body>
发布于 2019-10-21 14:19:09
您可以使用以下方法重置浏览器页边距:
* { margin:0; padding:0; box-sizing:border-box; }发布于 2019-10-21 14:08:48
每个元素都有浏览器默认应用的某些规则。尝试使用css重置脚本,以“平衡”它们。
发布于 2019-10-21 14:25:36
我强烈的建议是:
header img,
header input {
float: left;
}这将修复盒子模型的问题,您将避免像"*“这样的通用选择器,因为它对性能有影响!
https://stackoverflow.com/questions/58488014
复制相似问题