Tags: divz中水平且并列居中
背景的黑色是DIV1,中间的两个白色和红色的分别是DIV2和DIV3,另外,当页面被托放的特别窄时右边的DIV不会被挤到下边。
用平时的方法就是一个table分成两列,各放一个。如下
<style>
* {
padding: 0;
margin: 0;
}
ul {
width: 120px;
margin: 0 auto;
list-style: none;
}
li {
float: left;
height: 50px;
width: 50px;
margin: 5px;
display: inline;
}
</style>
</head>
<body style="text-align: center; background: black;">
<ul>
<li style="background: white"></li>
<li style="background: red"></li>
</ul>