- 博客(5)
- 收藏
- 关注
原创 学习中的问题:04如何居中一个元素?
在做页面布局的时候,经常会遇到使一个元素居中这种情况,今天系统的总结一下。1.行内元素水平居中为其父元素设置属性text-align:center;垂直居中height和line-height的值相同,只写line-height也是可以的。2.块级元素水平居中如果这个块级元素给了宽度,那么应用margin:0 auto;属性可以使其水平居中如果没给这个块级元素宽宽度,请看下面:<div cl...
2018-04-15 19:26:44 104
转载 absolute精讲
本文要点1. 绝对定位元素文档流;2. 绝对定位元素定位参照对象;3. 绝对定位元素的自动伸缩;4. 绝对定位元素实现垂直居中;绝对定位基本特征绝对定位的第一个特征在于会从文档流中脱离,不受其他元素影响,定位是“绝对”的,所以称之为绝对定位,如果是相对定位,会受其他元素影响,则定位是“相对”的;未使用定位:即元素在正常文档流当中[html] view plain copy<div class...
2018-04-10 19:58:25 178
原创 学习中的问题:03BFC
BFC什么是BFC?看了好多大佬写的,总结起来巴拉巴拉就是说,BFC(块级格式化上下文)。弄懂了名字还是没理解什么意思。又看到说在css2.1中,有三种定位方案:(1).普通流(Normal Flow) 在普通流里,元素会按照在html中的上下顺序排列布局,行内元素水平排列,排满一行才会换行,块元素会被渲染为完整的一 行。除非特别指定,否则所有元素都会被认定为普通流。(2).浮动(Fl...
2018-04-10 19:12:05 125
原创 学习中的问题:02浮动
浮动什么是浮动?最初的浮动是为了达到文字环绕图片的效果。现在在我们布局中有的时候会遇到一种问题,就是你想要让两个块元素排列在一行,可在标准文档流里这是不可能的,块元素会霸道的独占一行,我们可以用display:inline-block来解决这个问题。但是现在有了一个更好的方法,浮动。浮动元素脱离文档流,在当前行的左边或是右边对齐,如果当前行没有足够的空间,它将下移一行,直到有足够的空间。浮动元素碰...
2018-04-10 18:27:27 130
原创 学习中的问题:01标准文档流
标准文档流就是一个默认的状态,所有元素在排版过程中都会按照从左到右,从上到下的流式排列。并最终窗体自上而下分成一行行,并在每行中从左至右的顺序排放元素。标准文档流的三个现象(1).空白折叠现象。例如<img src="images/01.png" alt="01"/><img src="images/01.png" alt="01"/>想让这两张图片中间没有间隙,那么在代码
2018-04-08 19:24:55 148
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人