仓酷云

标题: 来讲讲:网页制造技能:扫除浮动和图片程度垂直居中 [打印本页]

作者: 灵魂腐蚀    时间: 2015-1-15 22:49
标题: 来讲讲:网页制造技能:扫除浮动和图片程度垂直居中
表现和结构分离,在团队开发中更容易分工合作而减少相互关联性
破洛洛文章简介:网页制造技能:扫除浮动和图片程度垂直居中。
1、怎样扫除浮动

办法1:
#test{clear:both;}
#test为浮动元素的下一个兄弟元素
办法2:
#test{display:block;zoom:1;overflow:hidden;}
#test为浮动元素的父元素。zoom:1也能够交换为流动的width或height
办法3:
#test{zoom:1;}#test:after{display:block;clear:both;visibility:hidden;height:0;content:;}
#test为浮动元素的父元素
2、怎样让未知尺寸的图片在已知宽高的容器内程度垂直居中?
#test{display:table-cell;*display:block;*position:relative;width:200px;height:200px;text-align:center;vertical-align:middle;}#testp{*position:absolute;*top:50%;*left:50%;margin:0;}#testpimg{*position:relative;*top:-50%;*left:-50%;vertical-align:middle;}
#test是img的祖父节点,p是img的父节点。
</p>
学习这篇入门教程之前,请确定你已经具有了一定的HTML基础。
作者: 小妖女    时间: 2015-1-17 19:05
时间轴)窗口--时间轴--选中图层并拖图层到时间轴,将其放在指定帧上
作者: 透明    时间: 2015-1-25 16:39
足见市场的反响和MACROMEDIA公司对它们的自信。说到Dreamweaver8我们应该了解一下网页编辑器的发展过程,随着互联网(Internet) 的家喻户晓。
作者: 分手快乐    时间: 2015-2-3 11:47
帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。
作者: 若天明    时间: 2015-2-8 22:30
HTML技术的不断发展和完善,随之而产生了众多网页编辑器,从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器(则原始代码编辑器)
作者: admin    时间: 2015-2-26 12:35
Adobe Dreamweaver(前称Macromedia Dreamweaver)是Adobe公司的著名网站开发工具。
作者: 愤怒的大鸟    时间: 2015-3-8 15:17
时间轴)窗口--时间轴--选中图层并拖图层到时间轴,将其放在指定帧上
作者: 小女巫    时间: 2015-3-22 20:38
帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。




欢迎光临 仓酷云 (http://ckuyun.com/) Powered by Discuz! X3.2