星空电竞官网

动易模板中心 | 动易技术中心 | 无障碍阅读| 售前服务和：4008-300-618
目录
目录X

div＋css进行页面布局时定位的思考

　　div＋css进行页面布局时定位页面内容居中的思考：

一、关于居中布局

　　以div＋css进行页面布局，最容易的是网页页面居左进行布局。如果要使得页面内容居中，尤其是要制作象780等固定页面大小的样式，在css中要使用：“margin: 0 auto;”。这个css定义如果写全了则为是：

margin-top: 0;
margin-right: auto;
margin-bottom: auto;
margin-left: auto;

或

margin-top: 0 auto auto auto;

　　margin: 0 auto;则为上方二个的缩写英文，由于CSS对於div客体四边的本质边距，按上－右－下－左的按序目的于四边，倘若有同样的设施则可不可以缩写，那么缩写：成“margin: 0 auto;”，感觉是边侧边距为0，相关几个位置自己。

二、使页面底部背景与页面内容相对齐

　　能够 施用二个css概念，一种在外面如id="bgallbox"，收录另外一只种如id="headbox"，如：
〈div id="bgallbox"〉
〈div id="headbox"〉〈/div〉
〈div〉

然后在风格中定义：

#bgallbox { /****定义居中背景****/
background: url(skin/yahu/top_bg.jpg) no-repeat center top;
width: 100%; margin: 0 auto;
text-align: center;
}
#headbox { /****定义顶部背景****/
background: url(skin/yahu/title_bk.jpg) #056CCC no-repeat center top;
width: 760px; height: 162px; text-align: center;
margin: 0 auto; /****定义表格居中****/
}

　　另外css采用注意力：二个div中的background采用界定历史历史背景全部照片X轴分散位置合适方案为“center”。这样子做的用处是：当苹果浏览器器页面设置究竟在何时能变小降低，二个div的历史历史背景全部照片总要自动的分散位置合适。下面的图如图所示：

　　　　
全屏时浏览效果为对齐　　　　　　　　　　　　缩小浏览界面时的效果也对齐

【打印正文】 公布的时长：2006-09-27 15:12:50 浏览次数： 次 小说家：雅虎 起源：本网站原创网
×

用户登录

var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?90c4d9819bca8c9bf01e7898dd269864"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); !function(p){"use strict";!function(t){var s=window,e=document,i=p,c="".concat("https:"===e.location.protocol?"https://":"http://","sdk.51.la/js-sdk-pro.min.js"),n=e.createElement("script"),r=e.getElementsByTagName("script")[0];n.type="text/javascript",n.setAttribute("charset","UTF-8"),n.async=!0,n.src=c,n.id="LA_COLLECT",i.d=n;var o=function(){s.LA.ids.push(i)};s.LA?s.LA.ids&&o():(s.LA=p,s.LA.ids=[],o()),r.parentNode.insertBefore(n,r)}()}({id:"K9y7iMpaU8NS42Fm",ck:"K9y7iMpaU8NS42Fm"});