时间戳

首页 > 解决方案 > 嵌套的 div 标签彼此之间没有完全对齐

html - 嵌套的 div 标签彼此之间没有完全对齐

问题描述

在我的代码中，我使用一对 div 标签进行衬里，一个嵌套在另一个标签中，并且我在两者之间得到了这个错误的空白，我似乎无法以可接受的方式将 CSS 去掉。空白区域根据页面的比例而变化；当我放大它时它会移动并且可以消失，这让我相信这是一个我无法解决的比率问题。

下图演示了该问题

下图演示了该问题

以下代码片段演示了该问题（可能因浏览器、计算机屏幕等而异）

.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>

标签： htmlcsstailwind-css

解决方案

推荐阅读