宁波网络公司、宁波博猫棋牌下载建设、宁波做博猫棋牌下载

宁波博猫棋牌下载建设免费咨询电话

网络营销

Network Marketing

创立于2002年,国内较早营销型博猫棋牌下载建设及信息化咨询服务商

做博猫棋牌下载回顾整理-提高效率的好方法

发表日期:2020-09-17 10:42:04   浏览次数:510次

相信每个博猫棋牌下载设计师在运用CSS的时候都会碰到一些小问题,往往当你初次碰到这些问题的时候都会花掉很多时间来找解决办法。偶尔整理下平时积累下的小问题以及他们的解决方法,对以后提高工作效率有很大的帮助。以下是我最近碰到的CSS问题解决技巧。
一、 关于居中
水平居中:
如果已知div的宽度,设置其margin左右为auto;若div宽度为自适应,则先设置它的display属性为table,然后设置margin左右为auto(IE 6/7不兼容display:table的属性) 
垂直居中:
设置某div垂直居中有个前提条件是该div的高度是一个已知的固定值,而非自适应。如创建一个div.test,设置其宽度为100px,高度为50px,则以下css代码可使其垂直居中:
 .test{
 width:100px;
 height:50px;
 left:50%;
    top:50%;
    z-index:1;
 margin-left:-50px;
 margin-top:-25px;
 }
二、 关于对齐
文字与图片对齐:
若要文字与图片底部对齐,对img设置align为bottom,并设置其style="margin-bottom:-4px";若要文字与图片水平对齐,对img设置align为middle即可,另一个方法是将包含文字与图片的容器设置line-height的值为图片的高度,并将图片的css设置为vertical-align:middle
文字两端对齐:
有时候我们在排版段落文字的时候,需要这段文字两端对齐,这样会使页面更加美观整齐,尤其是英文博猫棋牌下载。要使文字两端对齐只需要对包含文字的容器设置属性align="justify"
三、 font-size:0
font-size:0 这一属性可以解决很多兼容性问题。
比如li内若有a或img元素,在ie 6(或360兼容模式下)下li之间会出现空隙。比如下面这个产品类别的导航,360兼容模式下就会出现右边这种情况:
         
解决方法是先将ul的css设置为font-size:0,然后给li设置想要的字体大小。
有时候在ie 6中img下面会有一点空隙,给img的父容器设置font-size:0属性就可以消除这块空隙。
四、 关于清除浮动
比如div.a与div.b都向左浮动,则正常情况下b会跟在a后面。如果想让b保持向左浮动但是跑到a下面来,则需要清除浮动。一般我们可能下意识的会去给a设置清除右边的浮动,理论上来说a右边就不能有元素,那么b就会自己跑下来。但是这样设置并没有效果,正确的方法是对b设置清除左边的浮动。

做博猫棋牌下载设计,只有不断的回顾总结,才能逐步提高自己的网页设计水平,才能提高工作效率,才能在自己的专业中做精做强。

  • 上一篇: 优化博猫棋牌下载生成静态的必要性
  • 下一篇: 高端博猫棋牌下载建设是如何“历练”出来的?