『壹』 DIV+CSS body页面居中代码
html { text-align:center }
body { width:960px; margin:0 auto; text-align:left }
使用方法:
不需要加任何多余容器,放置到CSS文件的第一行即可。可以兼容IE5.5以上的IE 及 其他浏览器。
代码解释:
width:960px; 这是目前主流网页的宽度,当然你也可以改成你自己感觉合适的,但是此宽度必须有。 text-align:left; 是为了还原html 中居中的文字。
该代码为最简单实用的代码了,用了包你成功! 呵呵~ 其他都是浮云~
『贰』 问一个简单的DIV+CSS代码要让一块DIV在页面中居中怎么写
margin:0 auto;padding:0; 给body加这个属性就行
『叁』 html中如何让一整个网页居中
<html>
抄<head>
<metacharset="UTF-8">
<title>我的第一个HTML页面</title>
</head>
<body>
<divstyle="display:block;margin:0auto;width:50%;background:#ccc;">
<p>body元素的内容会显示在浏览器中。</p>
<p>title元素的内容会显示在浏览器的标题栏中。</p>
<p>居中显示</p>
</div>
</body>
</html>
先给所有的元素外面 加个div 然后给这个div定义 宽度,左右margin为auto,就行了
『肆』 如何设置网页div块居中
让1和2居中不好控制,让他的父级居中,1和2占满并排就可以了。
<div
style="width:404px;margin:0px
auto">
<div
style="float:left;width:200px;border:1px
solid
#f60">1111111</div>
<div
style="float:left;width:200px;border:1px
solid
#ff0">2222222</div>
</div>
注意:1和2的宽度(width+border宽度=父级的宽度)
如果不符合你的要求,就另外这样,设置1和2的央style="float:left;
margin-left:50px"和style="float:right;margin-right:50px">
具体语法可网上更近一步学习。
『伍』 网页居中代码
<palign=center>
<scripttype="text/javascript">
document.write(unescape("%3Cspanid='_ideConac'%3E%3C/span%3E%3Cscriptsrc='
http://dcs.conac.cn/js/01/000/0000/40434131/CA010000000404341310001.js'type='text/javascript'%3E%3C/script%3E"));
</script>
</p>
『陆』 css样式 div居中 怎样写
水平居中可以使用margin:0px auto;实现(盒子需要定义宽度);
垂直居中有一下四种方式:
方法1:
.parent {
width:800px;
height:500px;
border:2px solid #000;
position:relative;
}
.child {
width:200px;
height:200px;
margin: auto;
position: absolute;
top: 0; left: 0; bottom: 0; right: 0;
background-color: red;
}
方法2:
.parent {
width:800px;
height:500px;
border:2px solid #000;
display:table-cell;
vertical-align:middle;
text-align: center;
}
.child {
width:200px;
height:200px;
display:inline-block;
background-color: red;
}
方法3:
.parent {
width:800px;
height:500px;
border:2px solid #000;
display:flex;
justify-content:center;
align-items:center;
}
.child {
width:200px;
height:200px;
background-color: red;
}
方法4:
.parent {
width:800px;
height:500px;
border:2px solid #000;
position:relative;
}
.child {
width:300px;
height:200px;
margin:auto;
position:absolute;/*设定水平和垂直偏移父元素的50%,再根据实际长度将子元素上左挪回一半大小*/
left:50%;
top:50%;
margin-left: -150px;
margin-top:-100px;
background-color: red;
}
『柒』 怎么写CSS样式让DIV在网页中居中显示
一般来说只可以让他左右居中,如果来上下居中就比较麻烦了。左右居中需要先定义宽度,然后让外边距(主要是左右外边距)自动。width:100px;margin:auto;
『捌』 CSS怎样让一个div居中
主要css代码有两个:
1,text-align:center
2,margin:0
auto;
其两个样式需要配合使用才能实现div盒子的居中显示排版。
首先我们对body设置text-align:center,再对需要居中的div盒子设置css样式margin:0
auto,这样即可让对应div水平居中。
举个例子,居中代码为:
<!DOCTYPE
html
PUBLIC
"-//W3C//DTD
XHTML
1.0
Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html
xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta
http-equiv="Content-Type"
content="text/html;
charset=gb2312"
/>
<title>CSS使div居中制作</title>
<style>
body{
text-align:center}
#nav{
margin:0
auto;
width:200px;
height:150px;
border:5px
double
#FF0066;}
/*
css注释:为了观察效果设置宽度
高度
边框等样式
*/
</style>
</head>
<body>
<div
id="nav">
DIV居中
</div>
</body>
</html>
为了观察div居中效果,我们对div设置一个div命名为“#div”在html中div标签内使用id=“nav”,设置其宽度为200px;高度为150px,边框也设置了颜色。
效果如图:
以上就是CSS让DIV居中的方法。
『玖』 div居中代码怎么写
如果只是水平居中的话,只需要先定义DIV的宽度,再设置外边距margin属性的左右边距为auto即可。此时DIV便会相对于它的父容器水平居中。
比如 <div class=div_a><div class="div_b"><div></div>
设置div_b的样式
.div_b{width:100px; margin:0 auto;}
这样div_b便在div_a中水平居中了。如果外面没有父DIV,则div_b便相对于整个页面居中。注意如果div_b定义了浮动属性float则无效。
『拾』 网页如何居中显示,div样式该怎么写
代码写法如下
<div style="text-align:center"></div> 即可