文字居中的css代码是什么
时间:2021-03-10 来源:互联网
今天PHP爱好者给大家带来文字居中的css代码是“text-align:center;”或“line-”。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;
background: palegoldenrod;
text-align: center
}
</style>
</head>
<body>
<div>css 水平居中了--文本文字</div>
</body>
</html>
效果图:
2、文字垂直居中
line-height 使单行文字垂直居中
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>css 垂直居中</title>
<style>
.box{
width: 300px;
background: palegoldenrod;
line-
}
</style>
</head>
<body>
<div class="box">css 垂直居中了--文本文字</div>
</body>
</html>
效果图:
以上就是文字居中的css代码是什么的详细内容,更多请关注php爱好者其它相关文章!
-
怎么删除WinPE开始菜单中的程序(winpepge 怎么删除) 2025-06-28
-
PE启动时出现乱码怎么办(pe一直在启动界面) 2025-06-28
-
装机大师pe系统检测cpu核心速度使用教程(pcos装机大师) 2025-06-28
-
一键U盘重装系统进入WinPE时固定U盘盘符的方法(一键重装u盘启动) 2025-06-28
-
电脑无法进入到winPE系统中怎么办?(电脑无法进入到u盘系统) 2025-06-28
-
如何判断自己的电脑是否支持uefi启动模式?(如何判断自己的幸运色) 2025-06-28