View Single Post
  #1   IP: 112.84.243.230
Old 2014-05-03, 06:12 AM
Hadassah Hadassah is offline
初级会员
 
Join Date: 2007-04-08
Posts: 1
Hadassah 现在声名狼藉
Default div布局实现三列居中显示

<style type="text/css">
<!--
div {
position: relative;
width: 33%;
text-align: center;
float: left;
}
-->
</style>
把以上的样式表代码放在网页的<head></head>里面,然后在<body></body>部分放三个<div>就可以实现,可以在CSS里面修改div的样式.
<body>
<div>ghgkhk</div>
<div>khkg</div>
<div>ghgkhkg</div>
</body>

如果只是针对某个div,可以把样式的内容直接写在<div style="">属性里,如
<div style="width: 33%; text-align: center; float: left; position: relative;">AAA</div>
Reply With Quote