推荐阅读
DivCSS布局实例：三行单列 中间自适应 上下固定高度
CSS布局：三行单列，上下固定高度，中间自适应，且内容垂直居中。 firefox 2.0 / win ie 6/ win ie 7 /opera 8.5 cn/win safari 测试通过。 对于非ie内核浏览器，通过设定display:table、display:table-row和display:table-cell来模拟表格的表现形式。 最外层#box { display:table; }，高度100%，其子层#header/#main/#footer为{ display:table-row; }，因此可以模拟表格的行效果，上下定高，则中间不定高的层自适应高度。 #wrap层为{ display:table-cell; }模拟单元格，因此可以设定{ vertical-align:middle; }，垂直居中。 由于Win IE不支持{ display:table; }，因此，只能采取定位的方式实现。<!--[if IE]>内是针对ie的设定。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>DivCSS布局实例：三行单列 上下固定高度 中间自适应</title> <style type="text/css"> * { margin:0; padding:0; } html, body, #box { height:100%; font:small/1.5 "宋体", serif; } body { text-align:center; } #box { text-align:left; background:#666; display:table; width:80%; margin:0 auto; position:relative; } #box > div { display:table-row; } #header, #footer { background:#fcc; height:50px; } #main { background:#ccf; } #main #wrap { display:table-cell; background:#ffc; vertical-align:middle; } #text { text-align:center; } </style> <!--[if IE]> <style type="text/css"> #header, #footer { width:100%; z-index:3; position:absolute; } #footer { bottom:0; } #main { height:100%; z-index:1; position:relative; } #main #wrap { position:absolute; top:50%; width:100%; text-align:left; } #main #text { position:relative; width:100%; top:-50%; background:#ccc; } </style> <![endif]--> </head> <body> <div id="box"> <div id="header">header</div> <div id="main"> <div id="wrap"> <div id="text"> <p>内容内容</p> <p>内容内容</p> <p>内容内容</p> <p>内容内容</p> <p>内容内容</p> <p>内容内容</p> <p>内容内容</p> <p>内容内容</p> <p>内容内容</p> <p>内容内容</p> <p>内容内容</p> <p>内容内容</p> <p>内容内容</p> <p>内容内容</p> </div> </div> </div> <div id="footer">footer</div> </div> </body> </html> [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
自拍达人支招：5个细节让你的自拍照更迷人
看着网络上各种各样的美女自拍照，再看看自己怎么拍怎么不好看的自拍照，除了羡慕嫉妒恨，你是否还有几分懊恼?别急，并不是她们的相机比你好，而是你没有抓住自拍的要点。自拍达人支招，想要让自拍照更美，首先要有一款够强大的手机自拍软件，比如美图秀秀团队推出的手机自拍神器 “美颜相机”，其次就是要抓好自拍的细节了，5个自拍小细节助你打造迷人自拍照，爱美的MM火速围观吧! 一.找好视线 手机自拍照，视线很重要。为什么很多女生明明脸不小，但一上镜脸就瞬间小好多呢?原因之一就是她们找对了视线!那么视线要怎么看呢?自拍达人支招：让视线跟手机在一条直线上，头轻轻歪一下，心机小脸就这么打造成功啦! 图1 二.选对角度 角度对自拍照的重要性就不需要多说了，能360度无死角的人并不多，所以选对角度才是关键!自拍达人支招：自拍时，向上45度角是最佳的姿势，而且一般人的左脸会比右脸好看哦! 图2 三.表情到位 其实，自拍时的表情也不需要多夸张，多创意，自然是最好的，别人看着舒服你自己摆起来也觉得习惯。自拍达人支招：楚楚可怜、卖萌、搞怪……总是表情一定要自然，但如果你真实不知道如何摆表情，那就跟往常一样，天然呆天然萌就行，不需要硬学别人的自拍表情，那样反而容易弄巧成拙。 图3
国家地理教你轻松拍摄漂亮照片：用光
圣·马丁渠，巴黎 光是摄影中最重要的元素，没有之一。没有了光，摄影师与相机都无法看到这个世界。但光线并不仅是用来记录影像的工具。Gordon Gahan的这张照片展示了光的力量——即使是最普通的混凝土隧道场景，也能成为美丽的摄影作品。 提示：拍摄光束时，最好将其他部分欠曝，以保证光线本身的过渡和细节。 内蒙古，中国 在James Stanfield这种充满爱的作品中，光线给这一刻增加了温暖亲情的感觉。场景中金色的柔和的光线，使观众的目光从孩子，转移到母亲，直到门外的动物。 提示：逆光拍摄，可以给头发、衣服或其他细节增加光晕效果。逆光拍摄时最好欠曝，以保留高光区细节。 大峡谷国家公园，亚利桑那州 糟糕的天气产生好的照片。最好的坏天气是暴风，往往会有穿过云层的太阳，照亮着场景中的一处。在Michael Nichols拍摄的这张大峡谷国家公园的照片中，正是那一束阳光成就了这幅作品。 提示：做一个暴风猎人。如果你想在风光摄影上有所成就，最好在坏天气中取得成功。没有什么比一个万里无云的完美天气更乏味的了。 牛仔，内华达州
最新发布
CDR怎么把图形进行顶端对齐
在工作中CDR怎么把图形进行顶端对齐，下面给大家介绍二种方法，方法的介绍过程请阅读以下内容知识点：1、顶端对齐，是指把两个或是多个对象进行顶部对齐处理，也是对齐和分布的成员之一。2、方法一：选中所有的对象，点击排列菜单，再点击对齐和分布，点击顶端对齐。或是按快捷键T。3、对齐后，你会发现，所选的对象都进行了顶部对齐处理。
用ai画火腿肠面包的方法
下面给大家介绍的是怎么用ai画火腿肠面包，喜欢的朋友可以一起来关注平面自学网学习AI实例教程。第1步、打开AI软件，点击新建文件。 第2步、使用矩形工具，绘制一个黄色矩形出来。 第3步、然后给矩形进行倒圆角处理。
cdr图片怎么调色
1、打开【CDR软件】，插入一张【JPG图片】。2、点击【位图】，点击【图像调整实验室】。3、然后就可以通过【温度，淡色，饱和度】。来进行调整。点击【确定】。4、这样PS图片就可以调整好了。
CDR怎么让所有对象垂直居中对齐
有些图形要垂直居对齐要怎么处理呢，今天就给大家介绍CDR垂直居中对齐使用，详细介绍过程请阅读以下内容知识。1、垂直居中对齐也是对齐和分布成员之一。意思是指将所选的对象设置中间对齐是垂直方向的。2、方法一：选中所有对象，点击排列菜单，点击对齐和分布功能里面的垂直居中对齐。快捷键为C。3、设置好后，三个对象就会居中在一条线上。效果如下：
用ai画舞会面具的方法
下面给大家介绍的是ai怎么画舞会面具，喜欢朋友可以一起来关注平面自学网学习更多的AI实例教程。第1步、打开AI软件，点击新建模版。 第2步、绘制一个矩形出来。效果如下： 第3步、然后调整一下锚点，效果如下：
CDR怎么让图形右对齐
在工作中，CDR怎么让图形右对齐有二种方法，一种是常用的快捷键为R，一种是排列菜单的右对齐。新手要怎么使用呢，请详细阅读一下文章教程过程：1、右对齐是指将两个或多个对象进行右边对齐设置，也是对齐和分布的成员之一。快捷键为R。2、选中所有的对象，点击排列菜单里面的对齐和分布，再点击右对齐或是按快捷键为R。3、你就会发现对象都向右边对齐成一条线。
用ai画快递包裹的方法
第1步、打开AI软件，点击文档新建。 第2步、绘制三个矩形出来，填充黄色效果如下： 第3步、然后在矩形上面绘制矩形，效果如下： 第4步、再另一个面进行效果如下：
cdr怎么做8位条码
1、打开【CDR软件】，点击【对象】菜单，点击【插入条码】。2、选择【EAN-8】,点击【下一步】。3、然后【输入7个数字】。点击【下一步】。4、设置下面的【参数】，点击【下一步】。5、然后点击【完成】。
CDR怎么让所有对象左对齐
在工作中，CDR怎么让所有对象左对齐，有二种方法，一种是直接快捷键L，一种是点击对齐和分布的工具面板，要怎么操作，请详细阅读文章内容的介绍过程：1、左对齐也是对齐之一，它是把两个或多个对象都向左对齐排列的一个功能。快捷键是L。如果不用快捷键就在排列菜单的对齐和分布里找。2、选择三个要对齐的对象，点击排列菜单里面的对齐和分制，进入再点击左对齐 或是按L快捷键。3、你就会发现，三个对象都向左边对齐垂直平行。这就是左对齐的意思。