CSS中文字水平居中显示p{ text-align:center; /* 垂直居中 */ line-height:50px; /* 行高,要与高度相同 */ height:50px; /* 高度 */ background-color:skyblue; /* 背景色,方便查看效果 */ margin:0; /* 去除默认的上下边距 */ padding:0; /* 去除默认的左右内边距 */ } pre{ background-color:beige; /* 代码块的背景色 */ padding:10px; /* 内边距,让代码块内容与边框保持一定的间距 */ border: 1px solid #ccc; /* 边框 */ border-radius: 5px; /* 圆角 */ }
我是一段居中显示的文本
p{
text-align:center;
line-height:50px;
height:50px;
background-color:skyblue;
margin:0;
padding:0;
}