css 怎么实现 div水平居中 呢？

html-css017

css 怎么实现 div水平居中 呢？,第1张

因为“text-align:center”控制的是文本居中，div居中可以用外边距margin来实现。

1、新建html文件，在body标签中添加div标签，div标签中的内容为“演示文本”，添加题目中的css样式，为了方便演示，给div标签添加灰色背景，这时可以发现div靠近浏览器的左侧，文字在div中居中：

2、为div标签添加新的外边距“margin”属性，属性值为“0 auto”，“0”指的是上下外边距为0，“auto”指的是左右外边距为自适应：

3、这时无论浏览器的宽度是多少，div都会在浏览器上水平居中：

楼主你说的太模糊了，这个就是两行三列的效果，如果要再分，你就在要分中间添加DIV就好了

<style type="text/css">

*{margin:0pxpadding:0px}

body{font-size:12pxfont-family:字体；}

#header,#content,#footer{margin:0px atuopadding:0px}

#header{width:760pxheight:40px}

#content{width:760pxheight:600pxposition:relative}

#lf_sidebel{width:220pxposition:absolutetop:0pxleft:0px}

#middle{margin:0px 220pxwidth:320pxposition:absolutetop:0px}

#lr_sidebel{width:220pxposition:absolutetop:0pxright:0px}

#footer{width:760pxheight:60px}

</style>

<div id="header">上</div>

<div id="content">

<div id="lf_sidebel">左边</div>

<div id="middle">中间</div>

<div id="lr_sidebel">右边</div>

</div>

<div id="footer">下</div>