css并列并居中

来源:百度知道 编辑:UC知道 时间:2024/09/28 07:58:50
<body>
<div class="all">
<div class="part">
<div class="title"></div><div class="content"></div>
</div>
<div class="part">
<div class="title"></div><div class="content"></div>
</div>
</div>
</body>
怎样使两个part竖向排列,并居中,使title,content横向并列,并居中?
part的宽度是一定的

div本身并无居中属性 如果想让其居中 可以在大的DIV中嵌套小DIV 再设置DIV的浮动属性和宽属性(宽最好用%表示)

<style type="text/css">
.all{
height: 200px;
width: 500px;
}
.part {
height: 100px;
width: 100%;
}
.title {
float: left;
height: 100px;
width: 50%;
}
.content {
float: right;
height: 100px;
width: 50%;
}
</style>
</head>

<body>
<div class="all">
<div class="part">
<div class="title"></div><div class="content"></div>
</div>
<div class="part">
<div class="title"></div><div class="content"></div>
</div>
</div>
</body>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "CSS控制DIV居中 div+css 居中问题 blogger关于css居中问题 css中logo水平居中 css布局中的居中问题 谁知道css把整个网页布局居中? 有关CSS中居中效果的实现 div+css li垂直居中问题 网页DIV+CSS不会居中~高人帮忙 css居中div后消失问题 cs