话不多说，代码如下<!doctypehtml>
<html>
<head>
<metacharset="utf-8">
<title>伸缩布局</title>
<styletype="text/css">
*{
margin:0;
padding:0;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
html,
body{
height:..
分类：
Web程序 时间：
2015-11-09 01:58:03
阅读次数：
293
经过近一个月对HTML与css的学习，利用HTML以及div+css对简单的静态网页进行简单的布局有了一定的基础，但是对于网页结构布局的分析、部分属性的使用存在着问题，希望在以后的学习能有所提高，这里就最近的学习情况进行一下总结与归纳：一、行内元素与块级元素水平、垂直居中问题（一）CSS设置行内.....
分类：
其他好文 时间：
2015-11-08 20:37:40
阅读次数：
351
主要是垂直居中有点麻烦，以下代码可以实现，先记下来：67 8
分类：
Web程序 时间：
2015-11-02 17:35:54
阅读次数：
146
第一种：已知元素宽、高兼容：IE6+源码：css使元素垂直居中 demo：第二种：元素宽、高未知兼容：IE8+源码：css使元素垂直居中 我要居中demo：要兼容IE6/7，需增加一个div，这个方法比较巧妙，利用了left、top的百分比值是相对于父元素的宽度这点特性css使元素...
分类：
其他好文 时间：
2015-10-30 00:40:07
阅读次数：
238
css3实现元素水平垂直居中，代码如下：<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"conte..
分类：
Web程序 时间：
2015-10-12 12:47:49
阅读次数：
201
1、水平居中实现方法 <div class="demo">
????我是一个水平居中的div
</div> /*方法1*/
.demo{width: 960px;margin: 0 auto;}
/*方法2*/
.demo{width: 960px;height: 400px;background: #f00;position: r...
分类：
Web程序 时间：
2015-10-10 10:48:21
阅读次数：
201
首先，必须要在父元素上用display:-webkit-box.一、box的属性：1.box-orient用于父元素，用来确定父容器里子容器的排列方式，是水平还是垂直。horizontal在水平行中从左向右排列子元素；vertical从上向下垂直排列子元素。horizontal: vertical:...
分类：
移动开发 时间：
2015-09-30 16:33:30
阅读次数：
280
等高列布局在《八种创建等高列布局》一文中详细介绍了八种创建等高列布局的不同方法。可以说这些方法足以满足你的业务需求，当然其中有一些方法略为繁琐，也有时转得人头晕。在今天这种技术环境之下，如果的业务对IE低版本依赖性不是非常强的情况之下，可以考虑一些新的方法来实现。接下来我与大家一起探讨几种新方法实现...
分类：
其他好文 时间：
2015-09-29 18:26:21
阅读次数：
305
1. width: 1200px; height: 600px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);2. width: 1200px; height: 600px; posi...
分类：
其他好文 时间：
2015-09-28 11:23:02
阅读次数：
115
代码如下：<html>
<head></head>
<styletype="text/css">
.div1{
width:500px;
height:500px;
background-color:red;
position:absolute;
}
.div2{
width:300px;
height:200px;
background-color:blue;
position:absolute;
top:50%;
left:50..
分类：
其他好文 时间：
2015-09-24 19:37:46
阅读次数：
147
