
width="80%" 是针对它父容器宽度的百分之80,而width="80"是宽度就是80px(像素)。
补充:
按百分比来规定宽度是相对于其父容器的宽度,比如一个大的表格(宽度200px)中里建立一个小表格,如果写width="80%",那这个小表格的宽度就为160px,如果写的width="80"
那这个小表格的宽度就是80px。
三种方法
第一种,上下居中文字:
方法是使用line-height,因为line-height就是用来定义文字行与行之间的距离,所以定义文字框的line-height等于框的高度可以让文字上下居中.
h1 {font-size: 3em
height: 100px
line-height: 100px
}
第二种,非文字的上下居中:
使用absolute positioning,需要注意的是这个方法只能在框有定义好的高度才能工作. 不适合动态高度的框.
.vert {width: 580px
height: 190px
position: absolute
top: 50%
left: 50%
margin: -95px 0 0 -290px
}
第三种方法:
#floater {float:left height:50% margin-bottom:-120px}#content {clear:both height:240px position:relative}
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)