您的位置:CSS5 > CSS笔记 >

阿里云 2核CPU 4G内存 3M带宽云服务器 669元/3年

div文字居中_设置文字在div内部中居中

发布日期:2019-11-05 21:18:02 来源:CSS5

本文解决和介绍是文字内容在div水平居中的方法-div文字内容居中代码+图文教程篇。

水平居中CSS样式

text-align:center

简单地讲也就是 只要需要内容居中的div设置css text-align:center即可让文字内容居中了。

div内容水平居中示例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>div文字内容居中</title>
<style>
div{ border:1px solid #F00; width:300px}
.jz{ text-align:center}
</style>
</head>
<body>
<div style="text-align:center">我居中的</div>
<div class="jz">外部css 居中的</div>
<div>默认 有的浏览器中靠左的</div>
</body>
</html>

关键内容居中CSS代码:text-align:center

div文字居中

这里设置div文字居中,当然p、h1、h2、h3等标签也是可以应用设置同样居中样式实现内容居中。

标签(Tag): div 居中
本文分享URL地址:https://www.css5.com.cn/biji/1600.shtml

作者:CSS5原创

上一页:上一篇:div隐藏_设置div及内容隐藏
下一页:下一篇:div标签里class用法_div里的class有什么用