说到水平居中，大家可能觉得很简单啊，text-align:center 就OK了。 但是，有时候会发现这样写了也没出效果。原因是什么呢？ 请往下看。 水平居中：分为块级元素居中和行元素居中 行内元素： 行内元素就是内联元素。例如<span>、<a>、<label>、<em>、<img>等。。 直接构 ...
分类：
Web程序 时间：
2016-06-02 21:57:58
阅读次数：
249
block，inline和inlinke-block区别 1.block和inline这两个概念是简略的说法，完整确切的说应该是 block-level elements (块级元素) 和 inline elements (内联元素)。block元素通常被现实为独立的一块，会单独换一行； inlin ...
分类：
其他好文 时间：
2016-06-02 21:46:22
阅读次数：
152
margin 应用到块级元素。 margin设置百分数的时候，竖直方向也是宽的百分比。 margin的值书写方式。两个值、三个值、四个值。 MARGIN每边写法。 应用到非替换行内元素的时候，不影响行高。水平方向可以影响文字换行。 border border-style 十钟样式。可以每边设置一个样 ...
分类：
Web程序 时间：
2016-06-01 13:04:29
阅读次数：
147
行内元素和块级元素 行内元素(行级元素) 多个元素会在一行内显示 块级元素 独立成行 注意：块级元素能够嵌套行内元素 <div> <span></span> </div> 行内元素是不允许嵌套块级元素的 <span> <div></div> </span> 标准错误写法2、行内分区元素 <span> ...
分类：
Web程序 时间：
2016-05-30 10:04:14
阅读次数：
146
来源：http://www.imooc.com/code/6364 除了上一节讲到的插入table标签，可以使不定宽块状元素水平居中之外，本节介绍第2种实现这种效果的方法，改变元素的display类型为行内元素，利用其属性直接设置。 第二种方法：改变块级元素的 display 为 inline 类型 ...
分类：
Web程序 时间：
2016-05-29 19:47:38
阅读次数：
310
块级元素默认是垂直排列的，而行内元素是水平排列的，而在布局时基本上都是用块级元素，如div等常用块级标签，那么如何让块级元素也进行水平排列呢？我有100种方式（准确说是100-94种）让元素水平排列，你知道几种呢？ 第一种：display：inline-block 首先得先了解块级元素（block ...
分类：
其他好文 时间：
2016-05-27 09:36:44
阅读次数：
689
BFC全称block formatting contrxt . 一个隔离的独立容器。 一个标准的文档流，在没css的干预下块级元素独占一行从上往下排列，如： <div>< h>< p>表格 表单....... 行内元素从左至右排列,如： image input spanstong ..... 触发B ...
分类：
其他好文 时间：
2016-05-27 07:04:02
阅读次数：
124
我们都知道html块级元素默认是垂直排列的，而行内元素时水平排列的，而在布局时基本上都是用块级元素，如div等常用块级标签，那么如何让块级元素也进行水平排列呢？ 这里我总结了五种方式，并简单总结了这五种方式的具体实现以及可能存在的问题。 方法1：display：inline-block 首先得先了解 ...
分类：
Web程序 时间：
2016-05-27 00:34:28
阅读次数：
16476
在页面里 文本时必不可少的部分 一般我们做水平居中的时候只需设置 text-align:center; 单行文本的垂直居中直接是行高等于父元素的高度即可 那么当我们做多行文本的垂直居中时 一般是怎么做呢？ 一 把文字用块级元素包起来 并设置vertical-align 代码如下： 要把里面的div设 ...
分类：
其他好文 时间：
2016-05-26 06:20:17
阅读次数：
217
#day04 ##css定位 **CSS position 属性**  通过使用 position 属性，我们可以选择 4 种不同类型的定位，这会影响元素框生成的方式。 **position** 属性值的含义： **static** <br>  元素框正常生成。块级元素生成一个矩 ...
分类：
Web程序 时间：
2016-05-25 22:21:25
阅读次数：
190
