导航:首页 > 万维百科 > 网页设计盒子在浏览器居中

网页设计盒子在浏览器居中

发布时间:2021-03-16 19:40:41

1、怎样让网页中的div块在浏览器中上下居中呢

这是我以前回答过的一个问题,原理一样!
.middle{
width: 400px;
height:160px;
position: absolute;
margin-left: -200px;
margin-top: -80px;
top: 50%;
left: 50%;
display: block;
z-index: 2000;
border: 1px solid #006699;
}
原理是这样的:
因为这个块元素是绝对定位position: absolute。首先你要知道“绝对定位”的概念:它是以最近一个已经定位的祖先为基准进行定位,如果没有就以屏幕定位!
在这里(屏幕大小或祖先元素对于它来说就是100%);
top: 50%,就是在距屏幕上方或祖先元素50%,
left: 50%,就是在距屏幕左方或祖先元素50%,
因为它是以『左上角』为基准偏移的,它现在距离左边是:50%+400px,这个块的左上角在屏幕的中间,但是这个块元素不在屏幕中间,所以margin-left: -200px;把它想左边拉回一半,它就在屏幕中间了!
margin-top: -80px;和上面的原理一样。往上拉回去一半。。

2、如何让网页设计中的层相对于屏幕居中

最好别用Layer1这样的层,现在都用div盒子做结构在用css表现,居中很简单http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"></A>http://www.w3.org/1999/xhtml"></A>无标题文档 此处显示 class "left" 的内容margin: 0px auto;这句是关键

3、做网页的时候如何让网页在浏览器中居中显示

DW中从绘制层换到表格显示 再选择最大的表格 居中(也就是全选居中)

好久没用DW 不知道对不对... 反正就是要在最外面的表格居中显示

要代码的话 <div style="margin:0px auto">内容</div>
<p>内容</p>

或参考别人讲的:
可以把标尺开开 然后按照坐标定位
如果是想绘制的层居中 可以在填坐标左的位置上填上50-(层的宽度/61)最后的数比如32加上百分号32%也可以 但最好按坐标填上 填在属性面版里的 左 和上里面 这两个可以控制具体位置 左里面填50就是说离左边有50像素 上里面填50是说离上有50像素

4、dreamweaver 网页设计如何让网页在浏览器里居中

最容易的是,将你所有的html代码放在这个div里面:
<div style="width:950px;height:auto;margin:0 auto;">
(把你原来的内容放进来,也就是你<body>与</body>之间的所有代码,width:950px;必须要有宽度,根据你自己的宽度来改一下就OK了!)
</div>

大概样子:
<body>
<div style="width:950px;height:auto;margin:0 auto;">
你的网页内容:
.....
...
</div>
</body>

参考资料: www.ruofeel.cn

5、怎样使框架网页在浏览器中居中?

网页框架居中方法如下:
1.
在<body
text-align="center">
2.#box{margin-left:auto;margin-right:auto;}
3.把所有框架嵌套到一个DIV标签里面,然后设版置这个DIV标签的权style属性为"margin:0
auto;
width:网页的宽度"

6、怎样使网页设计中的css盒子内容居中?

css盒子内容居中的方法:

css盒子内容水平居中的text-align:center ;或 margin:0 auto;

代码:

效果:

垂直居中的line-height;

代码:

效果:

绝对定位水平垂直居中,position:absolute;top:50%;left:50%;

代码:

效果:

7、如何让制作的网页在IE浏览器中居中显示?

直接给你的BODY加一个CSS:文本居中。

之后无论你建立一个层还是一个表格,它始终都是在页面中间显示。

这是一个最基本的CSS的运用,目前网页切图必不可少的工作就是在刚刚打开一个新的页面的时候给BODY赋一个CSS,除了居中之外,还有网页中显示量最大的字体、背景色等等。这是开始将一张效果图实现成具体网页的必须工作。

那么接下来就要根据你的需要给内容嵌套一个层或者一个表格了。我习惯上使用层,然后把网页里的所有的内容放在这个DIV里面,当然还是需要用CSS来控制它......事实上这是一种设计模式,更准确的说是我个人习惯的一种切图方式。

不同的人设计网页会用不同的方式,那么我们作为专业设计师会给自己一个比较符合标准和使用习惯,并且可以将误差降低到最小程度的设计思路,而切图工作则是其中的一个部分。它的重点在于实现,将效果图一分不差的实现在页面上,这个过程不需要太多的创意,不需要个性或者理念,它只需要一个习惯,或者说是一个合理的控制流程。也应该是网页设计当中一个最不可少也最为枯燥的过程了。

建议你找一个比较专业的设计师来带带你,这样可以在最短的时间内帮你养成一个好的切图习惯,它可以减少你工作当中大量的时间。

另外,多花点时间学习CSS但不要局限于它。

8、网页设计网页整体在浏览器上居中问题

你设置了position:absolute;肯定不居中了!

9、HTML如何使一个层<div>在浏览器中始终居中?

先给DIV的宽度,再设置左右自动对其即可

10、网页制作, 利用 Div+CSS 布局页面, 如何"盒子"居中?

加一个<center></center>

<center>
<style type="text/css">
<!--
#div2css {
background-color: #009900;
height: 300px;
width: 700px;
}
.STYLE1 {
font-size: 70px;
color: #FF0000;
font-weight: bold;
}
-->
</style>
</head>

<body>
<div id="div2css" align="center">
<div align="center" class="STYLE1">这个绿色区域, 怎么才能像下面表格那样内容 "居中" ?</div>
</div>
<table width="600" border="5" align="center" cellpadding="2" cellspacing="0" bordercolor="#FF0000">
<tr>
<td> </td>
</tr>
</table>
<p> </p>
</body>
</center>
试试

与网页设计盒子在浏览器居中相关的知识