网络营销电子商务研究中心

网络营销电子商务研究中心 (https://www.0058.net/index.php)
-   CSS, DIV, HTML (https://www.0058.net/forumdisplay.php?f=77)
-   -   div布局实现三列居中显示 (https://www.0058.net/showthread.php?t=4735)

Hadassah 2014-05-03 06:12 AM

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>


All times are GMT +8. The time now is 04:06 AM.

Powered by vBulletin Version 3.8.7
Copyright ©2000 - 2026, Jelsoft Enterprises Ltd.