div里的文字怎么垂直居中(DIV块和文字水平垂直居中)
一、让DIV在页面居中
* { margin:0; } #box { width:300px; height:300px; background:#03F; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; }
二、让子DIV在父DIV中居中;文字在DIV中居中
.in { width:60px; height:60px; background:#0FC; position: absolute; top:50%; left: 50%; /* 外边距设置为这个DIV块的宽度和高度1/2 */ margin-top: -30px; margin-left: -30px; /* 设置块内的文字水平居中,行高为DIV块的高度使其垂直居中*/ text-align:center; line-height:60px; }
三、弹出提示文字
<div id="box"> <A href="#" onclick=alert("报名还未开始,请稍后再试!") > <div class="in">开始</div> </A> </div>
,
免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com