div标签左右排版，对其，body居中

最新推荐文章于 2021-06-30 09:15:01 发布

passport_daizi

最新推荐文章于 2021-06-30 09:15:01 发布

阅读量3.9k

点赞数

分类专栏： 04 Css 文章标签： div class html

本文链接：https://blog.csdn.net/kalision/article/details/7419681

版权

04 Css 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

<!doctype html public "-//w3c//dtd html 4.01//en" "http://www.w3.org/tr/html4/strict.dtd">
<html>
<head>
<title>div标签左右排版，对其，body居中 -- kalision</title>
<style>

body{font-size:19px;align:center;}

.shang{background-color:green;color:#FFF;width:500px;height:100px;margin:0 auto;}
.zhong{background-color:yellow;width:500px;height:100px;margin:0 auto;}
.xia{background-color:red;color:#FFF;width:500px;height:100px;margin:0 auto;}
.zhongzuo{background-color:#DDD;width:33%;height:100%;margin:0 auto;float:left;}
.zhongzhong{background-color:#BAA;width:33%;height:100%;margin:0 auto;float:left;}
.zhongyou{background-color:#AEE;width:34%;height:100%;margin:0 auto;float:right;}
</style>
</head>
<body>
<div class="shang">上</div>

<div class="zhong">
<div class="zhongzuo">中左</div>
<div class="zhongzhong">中中</div>
<div class="zhongyou">中右</div>
</div>

<div class="xia">下</div>
</body>
</html>

passport_daizi

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
div标签左右排版，对其，body居中

div标签左右排版，对其，body居中 -- kalisionbody{font-size:19px;align:center;}.shang{background-color:green;color:#FFF;width:500px;height:100px;margin:0 auto;}.zhong{background-color:yellow;width:5
复制链接

扫一扫