top:顶部对齐
bottom:底部对齐
middle:垂直居中对齐
baseline:基线对齐(这个稍微解释一下:表示文本的基线与表格的中线对齐。也就是文本出现在表格的中上部而不是正中央。如果文本字符大小比较小时,效果和middle差不多,比middle稍微靠上一点)
<style type="text/css"><!-- div {position:absolute;top:50%;left:50%;margin:-150px 0 0 -200px;width:400px;height:300px;border:1px solid #008800;}--></style><div>让层垂直居中于浏览器窗口</div>其实解决的思路是这样的:首们需要position:absolute;绝对定位652而层的定位点173使用外补丁margin负值的方法5负值的大小为层自身宽度高度除以二in如:一个层宽度是400高度是30039使用绝对定位距离上部与左部都设置成50%1739而margin-top的值为-150。margin-left的值为-200。这样我们就实现了层垂直居中于浏览器的样式编写如果你是想让div垂直居中与div那么你可以在父级div上加一个position:relative即可欢迎分享,转载请注明来源:内存溢出
评论列表(0条)