|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
表现和结构分离,在团队开发中更容易分工合作而减少相互关联性
破洛洛文章简介:网页制造技能:扫除浮动和图片程度垂直居中。
1、怎样扫除浮动
办法1:#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基础。 |
|