文字居中的css代码是什么

文字居中的css代码是“text-align:center; ”或“line-height:值; ”。text-align属性规定元素文本的水平对齐方式，当值为center时，即可实现水平居中；而设置line-height可实现文字垂直居中。

本教程操作环境：windows7系统、CSS3& & HTML5版、Dell G3电脑。

css 文字居中

1、文字水平居中

text-align 属性规定元素中的文本的水平对齐方式，当值为center时可实现水平居中。

!DOCTYPE html>
    html>
    	head>
    		meta charset="utf-8">
    		style type="text/css">
			div {
    				width: 300px;
    			    height: 200px;
    			    background: palegoldenrod;
				text-align: center			}
    		/style>
    	/head>
    	body>
    		div>
    css 水平居中了--文本文字/div>
    	/body>
    /html>
    

效果图：

【推荐教程：CSS视频教程 】

2、文字垂直居中

line-height 使单行文字垂直居中

!DOCTYPE html>
    html>
    	head>
    		meta charset="UTF-8">
    		tITle>
    css 垂直居中/title>
    		style>
			.box{
    				width: 300px;
    			    height: 300px;
    			    background: palegoldenrod;
    			    line-height:300px;
			}
    		/style>
    	/head>
    	body>
    		div class="box">
    css 垂直居中了--文本文字/div>
    	/body>
    /html>
    

效果图：

更多编程相关知识，请访问：编程视频！！

以上就是文字居中的css代码是什么的详细内容，更多请关注其它相关文章！

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！