css html元素居中与html元素内容居中的区别-html教程-PHP中文网

css html元素居中与html元素内容居中的区别

php中文网

发布： 2016-06-01 09:53:21

原创

2253人浏览过

div盒子居中

div居中是对框架盒子本身设置。让网页主体水平居中于浏览器中，就需设置margin:0 auto实现布局居中。

mPDF

mPDF是一个PHP库，可以从UTF-8编码的HTML生成PDF文件。原作者Ian Back编写mPDF以从他的网站上“即时”输出PDF文件，并处理不同的语言。与原始脚本如HTML2FPDF相比，它的速度较慢，并且在使用Unicode字体时生成的文件较大，但支持CSS样式等，并进行了大量增强。支持几乎所有语言，包括RTL（阿拉伯语和希伯来语）和CJK（中日韩）。支持嵌套的块级元素（如P、DIV），包括边距、边框、填充、行高、背景颜色等。支持从右到左的语言，并自动检测文档中的RTL字符。转置表格、列表、文本

查看详情

CSS 内容居中

和DIV盒子居中有着同样居中字眼的内容居中，则是对盒子里内容（文字、图片等内容）实现水平居中。使用text-align:center即可实现HTML元素里的内容居中。不管是对div标签、h1标签、h2标签、p标签等html元素标签设置都能让其对于盒子里内容水平居中。

立即学习“前端免费学习笔记（深入）”；

实例：

<!DOCTYPE html> 
<html> 
<head> 
<title>css html元素居中与html元素内容居中的区别</title> 

</head> 
<body> 
<div style="margin:0 auto; width:300px">码农教程</div><!--这里是DIV盒子相对于父级居中，盒子里面的内容并没有居中-->
<div style="text-align:center;width:300px;">码农教程</div><!--这样是div盒子里面的内容相对于盒子本身居中-->
</body> 
</html>

登录后复制

在线测试

小结：