Html 元素在删除 ALIGNITEMS 时填充整行：CENTER

section{
  display: flex;
  flex-direction: column;
  align-items: center;
}

.banner-area a.banner-btn{
  padding: 15px 35px;
  background: crimson; 
}

.banner-area {
  text-align: center;
}

<section class="banner-area">
  <div class="banner-img"></div>
  <h1>Flexbox Website</h1>
  <h3>Responsive Web Design</h3>
  <a href="#" class="banner-btn">Contact us</a> 
</section>

Html相关问答推荐

Angular Project中的星级 Select

将弹性容器设置为内容宽度

在FlexBox中将div拉伸到父div的完全高度

在Chrome中使用手写笔时，滚动条方向反转

如何收集<；p&>元素下的<；p>；子元素

是否可以部分列出一个HTML有序列表

无法从路径参数获取ID

如何翻转卡片图像的背面

不能以Angular 更改输入的S边框 colored颜色

如何创建剪切到路径的循环文本字幕？

角化、剪裁、边缘，但仅在底部2和平滑包装上

如何从通过 find-each 方法(在 Rails 应用程序中)生成的列表创建下拉菜单？

在 HTML 视频上环绕文本叠加

样式化单选按钮 背景 colored颜色

将 HTML 元素粘贴到容器底部，而不剪裁其顶部

为什么在使用src与srcdoc时 iframe 内容高度呈现不同？

防止按钮溢出到新行

让 Iframe 覆盖整个页面

使用 Selenium for Python 在网站上查找类名称中包含换行符的元素

为什么 `html` 上的 overflow： hidden 将滚动框移动到正文？