0.前言
水平居中基本方法——指定块的宽度并设定块的左右外边距为auto，上下外边距可取0，那么该块可以在父元素中水平居中。
样式如下：
1：margin:0px auto
2：margin-left:auto; margin-right:auto;
垂直居中基本方法——设定块的上下内边距相等。
样式如下：
padding-top:20px; paddin...
分类：
Web程序 时间：
2014-06-19 12:59:35
阅读次数：
540
块级元素 ①总是在新行上开始； ②高度，行高以及外边距和内边距都可控制； ③宽度缺省是它的容器的100%，除非设定一个宽度。 ④它可以容纳内联元素和其他块元素 行内级元素 ①和其他元素都在一行上； ②高，行高及外边距和内边距不可改变； ③宽度就是它的文字或图片的宽度，不可改变 ④内联元素只能容纳文本...
上下垂直居中 在线演示 DIVCSS5
#main {
position: absolute;
width:400px;
height:200px;
left:50%;
top:50%;
margin-left:-200px;
margin-top:-100px;
border:1px solid #00F
}
/*css注释：为了方便截图，对CSS代码进行换行*/
DI...
分类：
Web程序 时间：
2014-06-05 11:36:39
阅读次数：
253
Web页面是由块元素组成的，正常情况下块元素一个个按垂直方向排布，构成了页面。但是这种基本的布局方式绝大多时候不能满足我们的需求，所以各种布局方式应运而生，本文就对这些布局方式做个小结。
1、元素漂移
把一个元素从页面流中移走，漂移到某个方向，其它块元素会置于这个元素下面，当有内联元素注入其他块元素时，内联元素会环绕着这个元素
#amazing{
width: 200px;...
分类：
Web程序 时间：
2014-06-04 13:03:07
阅读次数：
379
DIV绝对定位后，如何水平居中显示在浏览器中？.div { width:1000px;
position:absolute; left:50%; margin-left:-500px;
}关键在于margin-left：-500px的值是根据div的宽度决定，取其宽度的一半。注：主要用于新手引导功能...
分类：
其他好文 时间：
2014-06-03 04:15:57
阅读次数：
182
css中常常会见到margin-left：-20px;这类，有点晕，所以整理一下~ 主要分为两种情况：
一、没有浮动的元素 /* mydiv1向上移动10px */#mydiv1 {margin-top:-10px;}/* mydiv1向左移动10px
*/#mydiv1 {margin-l...
分类：
其他好文 时间：
2014-05-31 04:38:47
阅读次数：
268
/*=======================翻页样式===========================*/.pages
{ width: 660px; text-align: center; font-size: 14px; float: left; margin-left:
340px;...
分类：
Web程序 时间：
2014-05-27 01:54:01
阅读次数：
491
块元素又名块级元素(block element)，和其对应的是内联元素(inline
element)，都是html规范中的概念。块元素和内联元素的基本差异是块元素一般都从新行开始。而当加入了css控制以后，块元素和内联元素的这种属性差异就不成为差异了。比如，我们完全可以把内联元素加上display...
分类：
其他好文 时间：
2014-05-26 13:04:15
阅读次数：
186
google的实现方式是：
图片可以作为a标签的背景或者嵌套子a标签里面，为a标签设置绝对定位，右面搜索框为正常块，为右面的搜索框设置margin-left即可具体如下，也可直接去看google搜索页.mw{
max-width:100%;}@media only screen and (...
分类：
其他好文 时间：
2014-05-25 03:50:29
阅读次数：
404
display:inline、block、inline-block的区别display:block就是将元素显示为块级元素.
block元素的特点是： 总是在新行上开始； 高度，行高以及顶和底边距都可控制； 宽度缺省是它的容器的100%，除非设定一个宽度 , , , , 和
是块元素的例...
分类：
其他好文 时间：
2014-05-24 03:13:23
阅读次数：
275
