文字居中的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代码是多少的具体内容,大量欢迎关注AdminJS其他类似文章!