DIV CSS字体居中实现DIV文字水平左右居中

DIV CSS字体居中实现DIV CSS文字水平左右居中- css+div字体文字内容居中篇

使用 DIV CSS实现字体居中的CSS样式单词为 text-align，其值为center（居中）。

语法如下：

div{text-align:center}

这样就会让 HTML中所有 DIV盒子内的文字、图片内容居中显示，实现左右水平居中 CSS样式。

扩展阅读相关知识文章
1、 css text-align
2、 div字体颜色
3、 css字体颜色
4、 css line-height
5、 css字体大小
6、 div字体大小
7、 div盒子居中

一、让网页所有DIV标签内文字居中 - TOP

实现所有DIV内字体居中实例完整网页源代码：

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta charset="utf-8" /> 
<title>div字体居中实例</title> 
<style> 
div{text-align:center} 
</style> 
</head> 
<body> 
<div>我将被居中</div> 
</body> 
</html>

实例效果截图

让DIV盒子内文字或图片居中实例截图

二、实现对指定div内容居中 - TOP

要实现对网页中某个DIV对象内文字字体居中，我们需要 CSS命名新建一个用于CLASS或ID的 CSS选择器，在网页中需要地方使用 id或class调用命名即可。

这里命名为“.divcss”，html中使用class引用。

1、div内文字左右居中实例的完整 HTML代码如下：

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta charset="utf-8" /> 
<title>div字体居中实例</title> 
<style> 
.divcss5{text-align:center} 
</style> 
</head> 
<body> 
<div>我没有设置居中css样式</div> 
<div class="divcss5">我将被居中</div> 
</body> 
</html>

2、实例截图

对指定div设置文字内容居中截图

三、div左右居中总结 - TOP

对于其它文字字体或图片要在其它网页标签（比如：p、span、h1等标签）内水平左右居中，同样我们使用“text-align:center”即可实现。

相关推荐阅读：
1、 div图片居中

如需转载，请注明文章出处和来源网址： http://www.divcss5.com/rumen/r563.shtml

必备CSS教程Essential CSS Tutorials

css height
css line-height
css width
css min-width
css max-width
css min-height
css max-height
css border
css background
css float
css clear
css display
css font
css text-transform
css英文首字母大写
css font-variant
css font-weight
css font-style
css text-decoration
css 删除线
div css 虚线
css 注释
html 注释
css padding
css margin
css 文本
css font-size
css font-family
css color
css text-align
css text-indent
css 超链接( css a)
css 优化压缩
css id( css #)
css class( css .)
css ul li列表
css 圆角圆边
css 父级子级
css 指针概念
css cursor
css overflow
html px em pt网页单位
CSS important
CSS position
css z-index
css white-space
css img图片
css class id
css link与@import区别
css 选择器
css引入html

必备HTML基础教程Essential HTML Tutorials

html img图片标签
html em标签( EM强调标签)
html strong加粗( strong标签)
html B加粗( b加粗标签)
strong与B加粗区别
h1 h2 h3 h4标签( html标题标签)
html A超链接锚文本
html注释
html head头部标签
html title标题标签
html meta标签
html link标签
html i斜体标签
html u下划线标签
html s删除线标签
html换行br标签
html p段落标签
p标签与br标签区别
html div标签元素
html span标签
html font标签
html script标签
html px em pt网页单位
html ul li列表
ol li列表
dl dt dd标签组
table tr td表格
table tr th表格
html form表单
html form input
html form textarea文本区域
html select下拉与跳转( Html select)
html iframe框架
html网页结构
htm html shtml区别用法
网页编码charset
UTF-8 GBK UTF8 GB2312区别联系
先写html还是先写CSS
显示扩展名
html标签大全集合
html常用标签
网页源代码是什么