DW里怎么能让网页打开自适应居中?

发布网友发布时间：2022-05-14 06:41

共4个回答

懂视网时间：2022-05-14 11:02

一、窗体居中

position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; /*height: 50px; width: 165px; */

简析：

　　position:固定位置显示（absolute|fixed）；

　　　　【absolute：窗口大小由上层position为absolute、fixed、relative的子父关系窗口决定；fixed：窗口大小由上层层position为fixed的子父关系窗口决定】

　　top,right,bottom,left:设置偏移量（<value>|auto）；

　　　　【设置为auto时，表示窗口在该方向不居中显示；如：left:auto,则窗口在水平位置不居中显示】

　　margin:自适应布局（auto）;

　　　　【窗口只会在都为auto的方向上居中】

　　height,widht:可设置，也可不设置（<value>|auto）；

　　　　【不设置则由top,right,bottom,left决定大小】

二、文字、图片混合自适应居中

.nav { position: relative;float: left;width: 220 px;height: 45 px;cursor: pointer;line - height: 45 px;text - align: center;vertical - align: middle;color: #fff;font - size: 18 px;font - weight: 600; }
.nav.nav - item { position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;height: 25 px;line - height: 25 px;display: table - caption; }
 .nav span { position: relative;top: 0;bottom: 0;height: 25 px;padding - left: 30 px;display: inline - block; }
 .nav img { position: absolute;top: 0;left: 0;width: 25 px;height: 25 px;z - index: 10 }

简析：

　　.nav:限制窗口大小；

　　　　【text-align:限制span水平居中】

　　.nav-item:控制内容垂直居中；

　　　　【display:限制内容并排显示】

　　.nav span:限制图片显示范围；

　　　　【padding-left:为图片留下显示空间；display:适应显示】

　　.nav img:限制图片大小与显示位置；

完美，只是因为简单。

热心网友时间：2022-05-14 08:10

居中很简单，如果是表格直扫选里面的居中对齐就行；
如果是div+css,在css里面定义就好，定义代码如下：
.center{
margin:0 auto;
width:980px;
height: 0 auto;
clear:both;
}

热心网友时间：2022-05-14 09:28

剧中倒不难，问题是你这个图片像数也太大了。
具体方式见下。
新建一个空白页面，存盘。
插入一个一行一列的表格

定义这个表格id为1

将代码
<style type="text/css">

</style>
放在
<head>放在这中间</head>追问可是我PS切片已经切好了，进去以后已经有很多小碎图了。如果新建一个再导入图片，我切片的链接就都消失了。这个怎么办？

追答进入设计页面，选中你那个表格。双击这个表格，鼠标就在这个表格里面。
然后根据你的切片来插入表格。在表格内插入你的切片就可以了。定义表格填充和宽度为0.否则，切片之间有一条线。
如果用css难度更大。熟能生巧，慢慢来。先用简单的图片来做。

热心网友时间：2022-05-14 11:03

没办法，2000多的宽度，只有是一张背景图片的时候，可以实现水平居中，不出现左右滚动条。