HTML 空按钮在带有 !DOCTYPE 的顶部和底部有间距，但没有 space 没有 !DOCTYPE
HTML empty button has spacing on top & bottom with !DOCTYPE, but no space without !DOCTYPE
我刚刚遇到一个特殊情况，如果指定了 !DOCTYPE，没有 with/height/border 的空按钮会在其顶部和底部呈现一些间距。
这个例子：
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<div>asda</div>
<button style="padding: 0;margin: 0;height: 0;width: 0;border: 0;"></button>
<div>asda</div>
</body>
</html>
将直观地产生此输出：
如果我删除 <!DOCTYPE html> 则不会有间距。当然doctype是要保留的
问题是：如何在具有 doctype 的同时删除间距？
按钮元素是内联的。将其更改为 display:block;，您的属性将按照您的意愿执行，但我认为 padding:0; 就是您所需要的。
我刚刚遇到一个特殊情况，如果指定了 !DOCTYPE，没有 with/height/border 的空按钮会在其顶部和底部呈现一些间距。
这个例子：
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<div>asda</div>
<button style="padding: 0;margin: 0;height: 0;width: 0;border: 0;"></button>
<div>asda</div>
</body>
</html>
将直观地产生此输出：
如果我删除 <!DOCTYPE html> 则不会有间距。当然doctype是要保留的
问题是：如何在具有 doctype 的同时删除间距？
按钮元素是内联的。将其更改为 display:block;，您的属性将按照您的意愿执行，但我认为 padding:0; 就是您所需要的。