引入

在前端界面设计中，会有那么一些布局，需要占满整个父级容器，比如：

以上两种组件中，都是将背景完全填充到父级容器，区别在于模态框通常是背景填满屏幕，通常使用

布局是CSS中一个重要部分，本文总结了CSS布局中的常用技巧，包括常用的水平居中、垂直居中方法，以及单列布局、多列布局的多种实现方式（包括传统的盒模型布局和比较新的flex布局实现），希望能给需要的小伙伴带来一些帮助。下面和千锋广州前端小编一起来看看吧！

?

文章目录：

1.常用居中方法：水平居中，垂直居中，

2.单列布局

3.二列&三列布局：float+margin，position+margin，圣杯布局（float+负margin），双飞翼布局（float+负margin），flex布局

calc, support, media各自的含义及用法？

@support主要是用于检测浏览器是否支持CSS的某个属性，其实就是条件判断，如果支持某个属性，你可以写一套样式，如果不支持某个属性，你也可以提供另外一套样式作为替补。

Word怎么上下居中 (How to Vertically Center in Word)

在使用Microsoft Word进行文档编辑时，确保文本或对象的排版美观是非常重要的。上下居中是一种常见的排版需求，尤其是在制作海报、封面或特定格式的文档时。本文将详细介绍如何在Word中实现上下居中，包括不同情况和方法的详细步骤。

一、上下居中的基本概念 (Basic Concept of Vertical Centering)

上下居中是指将文本或对象在页面的垂直方向上居中显示。这种排版方式可以使文档看起来更加整洁和专业。对于某些特定类型的文档，比如简历、报告封面等，使用上下居中可以增强视觉效果。