让div中的文字水平居中很容易,只需要将属性text-align设置为center或将margin设置为0 aotuo就可以了。而让div中的文字垂直居中还是要费一番周折的。
1.首先如果div中只有一行文字,那么可以通过将lineheight属性和height属性的值设为一样来实现。
2.如果div中有多行文字时,则需要通过position属性来实现垂直居中的效果了,代码如下:html:<div id=”box”><div id=”sub”><div id=”content”>垂直居中</div></div></div>css: #box{border:1px solid #000;background:#f00;position:relative;height:400px;width:400px} #sub{position:absolute;top:50%} #content{border:1px solid #fff;position:relative;top:-50%;color:#000}
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,请发送邮件至 55@qq.com 举报,一经查实,本站将立刻删除。转转请注明出处:https://www.szhjjp.com/n/105190.html