摘要: 行内元素 行内元素就是内联元素。例如<span>、<a>、<label>、<em>、<img>等。。 要点:直接构建一个具有 ”text-align:center“样式的容器,那么里面包含的行内元素就会都居中了。 块级元素 块级元素有:div , p , form, ul, li , ol, dl, 阅读全文
posted @ 2018-03-05 17:37 L_mj 阅读(203) 评论(0) 推荐(0) 编辑
摘要: div居中 1、使用绝对定位和负外边距让块级元素垂直居中 要点:必须提前知道被居中块级元素的尺寸,否则无法准确实现垂直居中。 CSS代码: 或者如下: 2、使用绝对定位和transform让块级元素垂直居中 要点:不必提前知道被居中元素的尺寸了,因为transform中translate偏移的百分比 阅读全文
posted @ 2018-03-05 16:21 L_mj 阅读(388) 评论(0) 推荐(0) 编辑
摘要: 一、Flex简介 该布局模型的目的是提供一种更加高效的方式来对容器中的条目进行布局、对齐和分配空间。在传统的布局方式中,block 布局是把块在垂直方向从上到下依次排列的;而 inline 布局则是在水平方向来排列。弹性盒布局并没有这样内在的方向限制,可以由开发人员自由操作。试用场景:弹性布局适合于 阅读全文
posted @ 2018-03-05 15:21 L_mj 阅读(497) 评论(0) 推荐(0) 编辑
摘要: 同源策略 源(origin)就是协议、域名和端口号。若地址里面的协议、域名和端口号均相同则属于同源。 以下是相对于 http://www.a.com/test/index.html 的同源检测 • http://www.a.com/dir/page.html 成功 • http://www.chil 阅读全文
posted @ 2018-03-05 11:49 L_mj 阅读(300) 评论(0) 推荐(0) 编辑