如何解决嵌套的Div标签不能完美地相互对齐
在我的代码中,我使用一对div标签(一个嵌套在另一个标签中)进行衬里,并且在这两个之间出现了这个空白,我似乎无法以可接受的方式将其删除。空格根据页面的大小而有所不同;当我放大它时,它会消失并消失,这使我相信这是我无法解决的比率问题。
下图演示了该问题
以下代码段演示了此问题(可能是浏览器,计算机屏幕等的变量)
.container{
@apply m-2;
@apply border-main-dark;
@apply w-full;
@apply max-w-xs;
border: 1px solid;
box-sizing: border-box;
}
.blue-gradient {
background: linear-gradient(270deg,#97D6ED 0%,#52BAE2 50%,#0386B7 100%);
}
<link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet"/>
<div class="container">
<div class="w-full blue-gradient">
<h5 class="text-white p-2">Login Form</h5>
</div>
</div>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。