在DW中如何在CSS里实现页面居中?

 我来答
kkingenjoy
2016-05-26 · TA获得超过192个赞
知道答主
回答量:72
采纳率:100%
帮助的人:45.5万
展开全部
  1. DW只是一个很多代码编辑器中的一个

  2. 你说的css页面居中有很多种方法,举两种中常见的

    (1)想将宽1000px的div实现在网页居中位置,利用margin:0 auto;这样可以实现上下边距是0,左右居中

    (2)比如想将宽度1000px,高400px的div实现在网页中居中,可以将body给position:relative;然后将1000px的div给position:absolute;left:50%; top:50%; margin-left:-500px; margin-top:-200px;就可以实现网页上下左右都居中

一叶知秋一言
2016-07-08 · TA获得超过266个赞
知道小有建树答主
回答量:209
采纳率:100%
帮助的人:35.8万
展开全部

要使元素居中,就要先规定该元素的宽度,再设置CSS中的margin属性(外边距)即可,属性值为:auto。

例如规定一个1000像素宽的div,要令这个div在页面的水平位置居中显示,样式代码书写:div {width:1000px; margin:auto} 或 div {width:1000px; margin: 0 auto}。

第一句代码的意思是:div宽度1000像素,边距自动。

第二句代码的意思是:div宽度1000像素,上下边距为0,左右边距相等(自动)。

这样设置后元素就会在水平方向居中显示了。


如果非要在DW软件中设置CSS样式,步骤如下:


1、鼠标移上DW右上角的“CSS”样式,右键“新建样式”;


2、为样式命名,例如命名为”page“,选择“类”就以.开头,选择“高级”就以#号开头,如下图:


3、在弹出的CSS框左侧选择“方框”,先规定宽高样式,例如宽设置500像素,高为200像素,在“边界”属性中选择“自动”,这样元素的外边距就会在水平方向自动居中了,如下图:


4、然后将该样式应用到最外层的DIV,为了方便能看的清楚,给DIV加了一条红色的边框线,随后按F12浏览,如下图中红色的DIV元素在页面的水平位置已自动居中:

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
92085菊
2016-06-27 · 超过24用户采纳过TA的回答
知道答主
回答量:64
采纳率:0%
帮助的人:44.1万
展开全部
<div class="nav">网页所在部分</div>

div.nav{
width:1100px;
margin:0 atuo; /* 网页里的div,img灯都可以用这个居中 */
}
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
我命如天不如妖
2016-07-05 · TA获得超过1250个赞
知道小有建树答主
回答量:1875
采纳率:0%
帮助的人:734万
展开全部
<div class="box">css控制页面剧中,通常就是设置整个box的为一个固定的宽度,之后给他一个左右自动的外边距就可以解决这个问题了</div>
  这个是对应的css代码
.box{width:1000px; margin:0 auto}

css控制页面剧中,通常就是设置整个box的为一个固定的宽度,之后给他一个左右自动的外边距就可以解决这个问题了

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
遗忘的JY_ajue
2016-06-11 · TA获得超过819个赞
知道小有建树答主
回答量:263
采纳率:75%
帮助的人:70.3万
展开全部
只需要给div的样式属性设置宽度width然后加margin-left:auto;margin-right:auto即可实现居中显示
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(13)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式