北京 php如何居中,css里面怎么让一个DIV居中?

用户投稿 331 0

北京关于“php_body_居中”的问题,小编就整理了【2】个相关介绍“php_body_居中”的解答:

北京css里面怎么让一个DIV居中?第一种方式:设置body 居中。在CSS中的代码是(body{text-align:center;})第二种方式:用盒子模型,首先设置一个Div ,这个DIV的宽度为100%,然后在这个DIV居中,那么在这个DIV中加的内容就居中显示,代码如下:<div ><div ></div></div>CSS 样式代码:<style type="text/css">.div1{text-align:center;width:100%;}.div2{width:980px;background:red;} //为了看清效果,加了背景颜色</style>第三种方式:margin:0 auto;

通常的方法为:先设置div的宽度,然后使用如下样式:

1margin: 10px auto; /* 上下边距10px,左右边距自动以达到左右居中的目的*/

以下为示例:

北京HTML代码中给出div

北京123 <div > <div ></div></div>

添加样式

北京1234567 /*外层边框*/div.outer{width:200px;height:150px;border:1px solid green;}div.content{ width:100px;height:50px; /*设置大小*/ margin:20px auto; /*设置左右边距自动以使其居中*/ border:1px solid red;}

北京显示效果

怎么样让整个网页居中显示?  水平居中的话一般用margin:auto比较好,不过前提是宽度width必须有固定值。  网页居中制作过程:  

北京1.利用Dreamweaver工具实现页面的居中显示:为了能够前后形成对比,我们先来看一下最初网页的显示效果。  

北京2.利用Dreamweaver打开要处理的网页,切换至“代码”查看模式,选中“<Body></body>”标签部分,然后点击“属性”工具栏中的“CSS”按钮。  

北京3.接着点击“居中”按钮,就会发现页面被设置为居中显示。  

北京4.我们也可以利用插入CSS代码来实现页面的居中显示。将以下代码放置在“<head></head>”标签中:  <styletype="text/css"><!--body{margin:0auto;width:780px;'‘'’’这个改成你网页的宽度}--></style>  也可以实现页面居中显示效果。  

5.我们事可以在“<body></body>”外面添加<center></center>标签来实现同样的页面居中显示效果。

北京到此,以上就是小编对于“php_body_居中”的问题就介绍到这了,希望介绍关于“php_body_居中”的【2】点解答对大家有用。

抱歉,评论功能暂时关闭!