前言:
目前各位老铁们对“div文字居上”大概比较关怀,大家都需要学习一些“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>
版权声明:
本站文章均来自互联网搜集,如有侵犯您的权益,请联系我们删除,谢谢。
标签: #div文字居上 #div设置字体居中 #怎么把div中的字体居中 #怎么把div中的字体居中显示出来