• 网站首页
• 网站建设
• 短视频
• 网站推广
• 网站模板
• 客户案例
• 资讯动态
• 关于我们

div中如何设置文字居中_CSS学习

当前位置：网站建设 > 技术支持

div中如何设置文字居中？

让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}

版权说明：
本网站凡注明“广州京杭 原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。