css div 文字水平上下居中

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/carl_jiang/article/details/76579628
<html>
    <head>
    	<style type="text/css">
    		#d1{
    			border: 1px solid purple;
    			width: 100px;
    			height: 100px;
    			line-height: 100px; 
    			text-align: center;
    		}
    	
    	</style>
    </head> 

    <body>
    	
    	<div id="d1">
    		一个区域A
    	</div>

    </body>

</html>


如果不写line-height,那就只是水平居中。

line-height必须和 height值一致。

因此如果要水平上下居中必须要有三个属性,height line-height text-align

展开阅读全文

没有更多推荐了,返回首页