新建一个html文件 ， 定名为test.html,用于讲解CSS如何设置div结构居中 ， 可是里面的内容不居中 。
2在test.html内 ， 建立一个div ， 并设置其class属性为con ， 便利下面利用类名进行样式界说 。
3在test.html内 ， 利用<style type="text/css"></style>标签标识表记标帜css样式 ， 用于编写css代码 。
4利用css对div进行样式界说 ， 经由过程margin:0 auto实现div居中显示 ， 同时设置div的宽度为400px,高度为200px ， 布景颜色为灰色 。
5在div内 ， 利用h2建立一个题目文字 ， 写上测试的内容 ， 代码如下：
6在css内 ， 对h2标签进行样式界说 ， 利用text-align设置h2文字左对齐 ， 上内边距为20px 。
7【CSS怎样设置div布局居中，但是里面的内容不居中】在浏览器打开test.html页面 ， 可见 ， div居中 ， 可是里面的内容不居中 。
以上内容就是CSS怎样设置div布局居中 ， 但是里面的内容不居中的内容啦 ， 希望对你有所帮助哦！
猜你喜欢
- 手机百度怎么设置无痕浏览
- 怎样把负能量转化成正能量
- 淘宝购物怎样设置配送时间，定时送货上门
- 第二代身份证怎样改名
- CSS怎么实现div随着网页的大小变化而变化
- Win10总是弹出已重置应用默认设置怎么样关闭
- 怎么用CSS+DIV在图片上布局文字
- CSS如何做到将价格划掉的效果
- css如何控制一个div在另一个div中间
- css中怎么样才能使内容在div的底部中间