# CSS 面试题
## 01. 盒模型
盒模型分为标准盒模型和怪异盒模型
- 标准盒模型：实际宽度由 宽度 + padding + border 组成(box-sizing: content-box)- 怪异盒模型：内容宽度为 定义的宽度 - padding - border(box-sizing: border-box)
## 02. 什么是文档流
文档流是元素在 web 页面上的一种呈现方式，按照出现的先后顺序进行排列
2024年11月07日
# CSS 面试题
## 01. 盒模型
盒模型分为标准盒模型和怪异盒模型
- 标准盒模型：实际宽度由 宽度 + padding + border 组成(box-sizing: content-box)- 怪异盒模型：内容宽度为 定义的宽度 - padding - border(box-sizing: border-box)
## 02. 什么是文档流
文档流是元素在 web 页面上的一种呈现方式，按照出现的先后顺序进行排列
2024年11月07日
水平居中
1) 若是行内元素, 给其父元素设置 text-align:center,即可实现行内元素水平居中.
2) 若是块级元素, 该元素设置 margin:0 auto即可.
3) 若子元素包含 float:left 属性, 为了让子元素水平居中, 则可让父元素宽度设置为fit-content,并且配合margin, 作如下设置:
2024年11月07日
css水平垂直居中方式
划重点啦！"css实现元素垂直水平居中"是一道前端工程师面试必考题，很多面试官都喜欢问这个问题。如图：
2024年11月07日
版权声明
本文首发自微信公共帐号： 学习学习再学习（xiaolai-xuexi）； 无需授权即可转载，甚至无需保留以上版权声明； 转载时请务必注明作者。Markdown Here是个浏览器插件（Chrome/Firefox/Safari），可以将浏览器中编辑器里的 Markdown 文本转换成渲染过后的 HTML。又由于它能自定义 CSS，于是，对我这种平时大量使用 Markdown 格式写作的人来说实在是一大福音 —— 可惜我刚刚才知道还有这么个浏览器插件…… 要不是有人在新生大学的 APP 里提起这事儿，我还不知道啥时候能知道呢。
2024年11月07日
欢迎关注！
css垂直居中布局要求子元素在父元素垂直居中，并且子元素与父元素高度均为可变的。
垂直居中布局解决方案通用html
通过设置.parent{display：table-cell；verticzl-align:middle}，table-cell将父元素显示方式设置为了表格单元格显示，在父元素上设置垂直居中属性为middle，从而使得父元素中的子元素在显示时都表现为垂直居中。
2024年11月07日
水平居中元素：
方式一：CSS3 transform
.parent {
position: relative;
}
.child {
position: absolute;
left: 50%:
transform: translateX(-50%);
}
方式二：flex 布局
.parent {
display: flex;
2024年11月07日
要使内联元素（如链接，span 或img）居中，使用 text-align: center 足够了。
<div class="desk">
<span class="plate"></span>
</div>2024年11月07日
在日常办公中，WPS Office是一个非常常用的办公软件，它提供了丰富的功能来帮助用户进行文档编辑、表格处理和演示制作。在这些功能中，文本的居中对齐是一个非常重要的排版技巧。本文将详细介绍在WPS中如何进行文本居中，包括段落居中、表格居中和图片居中等多种情况。