前端开发中，我们经常需要对元素进行水平垂直居中。为此，小编特地总结了让元素居中的方法。 水平居中text-align：center; 这个是没有浮动的情况下，我们可以先将要居中的块级元素设为inline/inline-block，然后在其父元素上加上属性text-align:center;即可。如果 ...
分类：
其他好文 时间：
2019-11-07 12:56:30
阅读次数：
97
HTML 重要概念: 块级元素在页面中以块的形式展现 —— 相对于其前面的内容它会出现在新的一行，其后的内容也会被挤到下一行展现。块级元素通常用于展示页面上结构化的内容，例如段落、列表、导航菜单、页脚等等。一个以block形式展现的块级元素不会被嵌套进内联元素中，但可以嵌套在其它块级元素中。 内联元 ...
分类：
其他好文 时间：
2019-10-22 18:48:19
阅读次数：
90
BFC(块级格式化上下文) BFC(Block formatting context) 直译为"块级格式化上下文"。 元素的显示模式 我们前面讲过 元素的显示模式 display。 分为 块级元素 行内元素 行内块元素 ，其实，它还有很多其他显示模式。 那些元素会具有BFC的条件 不是所有的元素模式 ...
分类：
Web程序 时间：
2019-10-21 17:43:53
阅读次数：
122
一、块级元素和行内元素的区别 （1）块级元素会独占一行，其宽度自动填满其父元素宽度； 行内元素不会独占一行，相邻的行内元素会排列在同一行，直至一行排不下才会换行，其宽度随元素的内容而变化。 （2）块级元素可以包含行内元素和块级元素；行内元素不能包含块级元素。 （3）行内元素设置width、heigh ...
分类：
其他好文 时间：
2019-10-20 17:38:29
阅读次数：
59
vertical-align 垂直对齐 以前我们讲过让带有宽度的块级元素居中对齐，是margin: 0 auto; 以前我们还讲过让文字居中对齐，是 text-align: center; 但是我们从来没有讲过有垂直居中的属性， 我们的妈妈一直很担心我们的垂直居中怎么做。 vertical-alig ...
分类：
Web程序 时间：
2019-10-20 10:48:12
阅读次数：
79
块级元素(block level) 每个块元素通常都会独自占据一整行或多整行，可以对其设置宽度、高度、对齐等属性，常用于网页布局和网页结构的搭建。 霸道 块级元素的特点： （1）总是从新行开始 （2）高度，行高、外边距以及内边距都可以控制。 （3）宽度默认是容器的100% （4）可以容纳内联元素和其 ...
分类：
其他好文 时间：
2019-10-16 21:33:53
阅读次数：
73
标签分类 块状标签 行内标签 行内块状标签 块状标签特点：display:block 1. 每个块级元素都从新的一行开始，并且其后的元素也另起一行。 独占一行 2. 元素的高度、宽度、行高以及顶和底边距都 可设置 3. 元素宽度在不设置的情况下，是它本身父容器的100%（和父元素的宽度一致），除非设 ...
分类：
Web程序 时间：
2019-10-16 11:31:20
阅读次数：
103
块级标签：(block) 1、独占一行，不和其他元素待在同一行，宽度自动填满父元素宽度 2、能设置weight(宽)、height(高)属性 3、可以设置margin，padding属性 常见的块级标签： <address>，定义地址 <caption>，定义表格标题 <div>，定义文档中的分区或 ...
分类：
Web程序 时间：
2019-10-14 11:01:55
阅读次数：
198
一、块级元素：块级大多为机构行标记 二、行内元素 行内大多为描述性标记 三、块级元素和行内元素的区别 3.1 块级元素 1. 总是从新的一行开始 2. 高度、宽度都是可控的 3. 宽度没有设置时，默认时100% 4. 块级元素中可以包含块级元素和行内元素 3.2 行内元素 1. 和其他元素都是在一行 ...
分类：
其他好文 时间：
2019-10-11 23:09:19
阅读次数：
80
容器：需要添加弹性布局的父元素； 项目：弹性布局容器中的每一个子元素，称为项目。 主轴：在弹性布局中，通过属性规定水平/垂直方向为主轴； 交叉轴：与主轴垂直的另一方向，称为交叉轴。 display：flex；给父容器添加这个属性； display:flex; 容器添加弹性布局后，显示为块级元素； d ...
分类：
其他好文 时间：
2019-10-07 09:57:45
阅读次数：
92
