css简单实现居中方法

本文详细介绍了使用CSS实现盒子及文字居中的方法。通过设置display为flex,利用justify-content和align-items属性,可以轻松实现盒子的居中效果;而对于文字居中,则可以通过设置text-align:center属性来达到目的。

实现盒子居中的css用法

.box{
       width: 300px;
	   height: 300px;
	   display: flex;
	   flex-direction: column;
	   justify-content: center;
	            }

实现文字居中的css用法

.box{
		     font-size:20px;
			 line-height:100px; 
             text-align: center; 
          }
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值