来源：第五天 01盒子水平居中 一、盒子中文字控制： 1.text-align: center; /*可以让盒子内容（文字 行内元素 行内块元素）居中对齐*/ 二、让盒子水平居中对齐： 方法1.margin: 0 auto; /*通俗写法 0 auto 上下是 0 左右是auto 水平居中对齐 */ ...
分类：
Web程序 时间：
2020-01-21 15:58:46
阅读次数：
83
1.块元素 2.行内元素 3.inline-block元素 ...
分类：
其他好文 时间：
2020-01-20 19:26:12
阅读次数：
49
很早我们就可以在 HTML 文档中写 <custome-element></custom-element> 这样的自定义名称标签。但是浏览器对于不认识的标签一律当成一个普通的行内元素处理，没有相关语义。虽然我们能用 JavaScript 代码给它添加一些功能，但是并没有生命周期相关的函数供我们做一些 ...
分类：
其他好文 时间：
2020-01-17 23:18:49
阅读次数：
106
前言 总括： 本文通过实例讲解CSS中最大的难点之一，行内元素的布局，主要是挖掘line-height和vertical-align两个属性在布局方面的使用。 原文博客地址：深入理解行内元素的布局 知乎专栏&&简书专题：前端进击者（知乎）&&前端进击者（简书） 博主博客地址：Damonare的个人博 ...
分类：
其他好文 时间：
2020-01-16 14:51:43
阅读次数：
113
一、浮动——float float：left | right | none | inherit 1、特性 任何元素都可浮动，浮动后 生成块级框 （ BFC ）。 浮动元素会从 正常流中删除 其他元素会环绕浮动元素 margin不会合并 其包含块是最近的块级祖先元素 浮动元素之间不会重叠 空间不够，浮 ...
分类：
其他好文 时间：
2020-01-07 20:10:44
阅读次数：
97
1.块状元素转行内元素：display: inline;2.行内元素装块状元素：display: block;3.隐藏：display: none;4.行内块状元素，既有行内元素特性，也可以设置margin和宽高：display: inline-block;5.margin值：块状元素水平和竖直方向 ...
分类：
Web程序 时间：
2020-01-07 19:53:03
阅读次数：
74
flex布局 阮一峰 display:flex;横排 行内元素也可以使用Flex布局。 Webkit内核的浏览器，必须加上 webkit前缀。 注意，设为Flex布局以后，子元素的float、clear和vertical align属性将失效。 容器默认存在两根轴： 水平的主轴（main axis） ...
分类：
其他好文 时间：
2020-01-06 17:42:43
阅读次数：
189
说起text align，大家一定都不觉得陌生，我们常用关键字left、right、center实现行内元素相对父元素左、右、居中对齐，当然我们也使用justify来实现文本两端对齐。 如上图，两端对齐相对于左对齐，视觉上显得整齐有序。但justify对最后一行无效，通常这样的排版对整段文字是极好的 ...
分类：
Web程序 时间：
2020-01-03 22:44:12
阅读次数：
90
单纯给图片：vertical-align:middle 也可去掉图片下方间隙（常用) 标题标签里面常常嵌套a 标签 注意：1.省略号三步要给块级 2.行内元素不要与块级元素使用 eg(no):<p></p>,一般行内元素要包裹在块级内 <span></span> 3.a标签可以包裹img,但是a标签 ...
分类：
其他好文 时间：
2020-01-03 14:06:40
阅读次数：
50
display属性共有4个值：blcok：块级元素inline-block：行内块级元素inline：行内元素none：隐藏元素，不占据空间1.块级元素常见的块级元素有div,p,ul,ol,li,h1~h6等块级元素会默认占满父元素的宽度且独占一行<div><p>尽可能的占满父元素的宽度</p></div>2.行内元素常见的行内元素有span,im
分类：
Web程序 时间：
2020-01-03 00:44:04
阅读次数：
115
