DW怎么设置DIV模块在页面中居中?

作者&投稿:赖贴 (若有异议请与网页底部的电邮联系)
~

Dreamweaver中想要让div模块始终居中,该怎么设置呢?Dreamweaver中margin、padding可以让div模块在页面居中,但如果是自适应所有屏幕,包括手机屏幕依然可以自动上下左右居中,该怎么设置呢?下面我们就来看看详细的教程。

1、先新建一个html文件,并在head中添加样式表【】。

2、在body中添加一个DIV,并引入一个CSS,命名为【aaa】。

3、给这个DIV添加背景色,并定义它的宽和高。【background:#FA2;width:400px;height:600px;】。

4、然后添加如下代码。【position:fixed;left:50%;top:50%;z-index:10;】。z-index是让DIV模块始终在最上端,也可以不添加。可以看到DIV块到了右下角的位置。

5、然后我们依次定义它的位置。先使用【margin-top:-300px;】“-300px”这个数值就是DIV高height:600px;的一半,并添加为负值。可以看到DIV已经默认到上下居中的位置了。

6、先使用【margin-left:-200px;】“-200px”这个数值自然就是DIV宽width:400px;的一半,并添加为负值。保存后刷新网页可以看到DIV已经左右居中了。

7、可以看到不管我们把页面变成什么尺寸,DIV都会自动居中,是不是解决你的问题了呢?

以上就是DW让DIV模块在页面中相对屏幕自动居中的教程。




用什么软件制作动易CSS DIV模板
Dreamwraver 可视化网页编辑器简称DW,到动易后台,复制模版代码,考上DW代码上.点拆分模式,很清楚它代码是干什么用的,做图片就用Photoshop 简称ps 只怕想不到,就怕做不到其功能强大,设计行业中的大哥大

DW div里面的文字调整位置
1、我们先新建一个div标签,设置宽高均为400px,并设置左、上边距均为0。2、为明显显示,将div背景颜色设置为蓝色,在将div标签内添加文字。3、在CSS规则定义分类选项中选择【方框】,然后找到Padding和Margin,分别设置方框的内边距和外边距。4、我们先设置Margin的top和left分别为20px,即设置外上边...

CSS DIV如何做这样的排版
1、选中DIVb2,点击右侧CSS选项卡下的+号,添加CSS样式定义。2、在新建CSS规则面板下选择#b2(对应DIV b2的ID),确定。3、在CSS规则定义面板左侧分类下选择方框,右侧输入对应的数值。b2的DIV定义好了 4、下面定义DIV001,同样选中DIV001,点+号新建CSS。5、在CSS规则定义下选择“背景”,选择好色彩...

请问在DW中怎么使一个div位于另一个div上面,即像在PPT当中的置顶一样...
在css中写对应div的z-index属性,例子如下:http:\/\/www.w3school.com.cn\/cssref\/pr_pos_z-index.asp z-index属性表示的是元素的堆叠顺序,正常情况下,z-index越大,元素就越在上层 纯手写,望采纳!

点击按钮改变下面DIV的样式,求DW的JS代码
).show().width(100).height(100).css("background","#f00");});这个是给你的参考,div定义id为d1 初始值设为宽度100,高度100,颜色红色,非隐藏 宽度按钮为c_w 高度按钮为c_h 颜色按钮为c_c 隐藏按钮为c_d 恢复按钮为c_r 直接在这里编写的,没有经过验证。若还有问题再询问 ...

如何设置div显示最顶层
先在<div> 的父辈元素设定 position: relative;在同级的 <div> 和自身都设置 position: relative;在目标 <div> 设置 z-index: 99试试看,不行的话你要贴代码… 文字描述不具体 追问 你这个方法是不行我 早就试过了 刚刚找到了 给body加一个overflow:hidden就可以 了 不信你去试一下 追答 我不用试啊...

我想把一个宽高200px的div模块放入宽高400px的div模块中,距离400的...
<div class="w400" style="width:400px; height:400px"> <div class="w200" style="width:200px; height:200px; margin:2px 0px 0px 4px;"> <\/div> <\/div>

浏览器窗口缩小到宽度小于div模块时,如何让div模块始终显示正中间的内...
<script type="text\/javascript"> var docEle = function() { return document.getElementById(arguments[0]) || false; } function openNewDiv(_id) { var m = "mask"; if (docEle(_id)) document.body.removeChild(docEle(_id)); if (docEle(m)) documen...

CAD的一些基本操作
DT: 文本的设置(dtext) DI: 测量两点间的距离 OI: 插入外部对相 Ctrl+1: 打开特性对话框 Ctrl+2: 打开图象资源管理器 Ctrl+6: 打开图象数据原子 Ctrl+O: 打开图象文件 Ctrl+P: 打开打印对说框 Ctrl+S: 保存文件 Ctrl+U: 极轴模式控制(F10) Ctrl+v: 粘贴剪贴板上的内容 Ctrl+W: 对象追 踪式控制...

JS如何添加删除div
html代码如下:<div id="box"> <div id="inbox">ddddddddddddddddd<\/div><\/div><input type="button" id="remove" value="删除DIV" \/>第一种:直接jquery的remove:下载个jQuery的文件,然后引入jQuery文件:<script type="text\/javascript" src="xxxx.jquery.js"><\/script> <script...

龙城区19695502474: DW中,如何让一个DIV元素相对或绝对居中对齐?(用CSS) -
黄顷健脑: /* 定位方式左右居中 */#position{ height: 100px; background-color: red; position: relative; }#position1{ width: 300px; height: 100px; background-color: rgb(176, 204, 206); position:absolute; left: 50%; transform:translateX(-50%); }<div id="position">...

龙城区19695502474: DW 中如何设置div标签外框在整个网页中居中显示,而标签中的内容不要居中~?
黄顷健脑: &lt;style&gt; body{text-align:center;} #center{margin:0px auto;text-align:left;width:500px;background:#ccc;} &lt;/style&gt; &lt;body&gt; &lt;div id="center"&gt;层居中&lt;br /&gt;层居中&lt;br /&gt;层居中&lt;br /&gt;层居中&lt;br /&gt;&lt;/div&gt; &lt;/body&gt;

龙城区19695502474: dw8中,如何将div放置窗口的中间 -
黄顷健脑: 楼上回答不全面 div必须要有宽度之后才 使用margin:0 auto;才有效 div{width:1000px;margin:0 auto;}

龙城区19695502474: DW中,怎么才能把这个div标签的内容居中显示啊?速求!!! -
黄顷健脑: body{text-align:center;} div{width:600px;margin:0 auto;}

龙城区19695502474: dw怎么让DIV居中,是在源代码里写代码,还是在DIV套用的CSS里写代码啊 -
黄顷健脑: <div style="width:100%; height:31px; font-size:30px; padding:20px 0; background:#0CF; text-align:center;">哈尔滨</div>文字水平垂直居中<div style="width:100%; height:31px; font-size:30px; padding:20px 0; background:#0CF; text-align:...

龙城区19695502474: DW中div标签不用代码如何居中
黄顷健脑: body{margin:0; padding:0;} #apdiv{width:600px;margin:0 auto;} 这样试试 一般这样就好了 看看是不是你那里没有写对

龙城区19695502474: 用dw做网页,使用div布局,如何让整个网页在多大的分辨率和各种浏览器下居中. -
黄顷健脑: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/...

龙城区19695502474: DW怎么让DIV剧中 -
黄顷健脑: <div id="aaa">这里是DIV块</div>设置样式: #aaa{width:960px;margin:0 auto;height:100px;border:1px solid black; /**方便演示*/ }

龙城区19695502474: 在DW中如何让一个小的DIV在一个大的DIV中居中不是用外边内边
黄顷健脑: static : 默认值.无特殊定位,对象遵循HTML定位规则 absolute : 将对象从文档流中拖出,使用 left , right , top , bottom 等属性相对于其最接近的一个最有定位设置的父对象进行绝对定位.如果不存在这样的父对象,则依据 body 对象.而其层叠通过 z-index 属性定义 fixed :未支持.对象定位遵从绝对(absolute)方式.但是要遵守一些规范 relative :对象不可层叠,但将依据 left , right , top , bottom 等属性在正常文档流中偏移位置inherit :规定应该从父元素继承 position 属性的值.

龙城区19695502474: dw中如何让页面居中 -
黄顷健脑: 新建一个div容器,把要居中的内容包含,如:<div id="wrap">这里是要包含的页面内容</div>把下面的代码加到css文件中:body{margin:0;}/*重置body元素,因不同浏览器有不同的默认值,在此使之在不同的浏览器中一样*/#wrap{margin:0 auto;width:980px;height:auto;}/*margin:0 auto;解决居中;width:980px;height:auto;是对宽和高进行控制,楼主你可以设为自己实际的值.*/

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网