订阅CSS怎样设置div布局居中，但是里面的内容不居中
来源：网络收集 点击： 时间：2024-03-06【导读】：
通过css中的margin属性可以设置div居中，div里面的内容可以通过独立的样式来设置其对齐方式。下面举例讲解实现的过程。方法/步骤1/7分步阅读
2/7
3/7
4/7
5/7
6/7
7/7
CSS
新建一个html文件，命名为test.html,用于讲解CSS怎样设置div布局居中，但是里面的内容不居中。
2/7在test.html内，创建一个div，并设置其class属性为con，方便下面使用类名进行样式定义。
3/7在test.html内，使用style type=text/css/style标签标记css样式，用于编写css代码。
4/7使用css对div进行样式定义，通过margin:0 auto实现div居中显示，同时设置div的宽度为400px,高度为200px，背景颜色为灰色。
5/7在div内，使用h2创建一个标题文字，写上测试的内容，代码如下：
6/7在css内，对h2标签进行样式定义，使用text-align设置h2文字左对齐，上内边距为20px。
7/7在浏览器打开test.html页面，可见，div居中，但是里面的内容不居中。
CSS 版权声明：
1、本文系转载，版权归原作者所有，旨在传递信息，不代表看本站的观点和立场。
2、本站仅提供信息发布平台，不承担相关法律责任。
3、若侵犯您的版权或隐私，请联系本站管理员删除。
4、文章链接：http://www.1haoku.cn/art_249977.html
上一篇：天天象棋残局198关怎么破解
下一篇：wps文字中怎么插入一个“聚合射线图”
