网页居中设置

先将容器的设为绝对定位,之后将容器左边界设在页面的一半处(50%)开始,最后将容器的的做边距设为容器宽度一半的负值。 
注意:绝对定位后,容器将独立于正常的文档流。

#container {
    width: 960px;
    position: absolute;
    left: 50%;
    margin-left: -480px;
}  

若没有设置定位 则只需

margin : 0 auto;

  

时间: 2024-11-03 07:58:02

网页居中设置的相关文章

解决在网页里设置锚点后,链接不到相应位置

在网页里设置锚点后,链接不到相应位置,常常出现点完链接后跳到相应位置偏下的位置, <div class="row" id="alter-title" name="alter-title"> 只需要在设置id的位置设置它的样式padding-top; .row{padding-top:20px;} 像数根据实际情况调 解决在网页里设置锚点后,链接不到相应位置,布布扣,bubuko.com

css网页中设置背景图片的方法详解

css网页中设置背景图片的方法详解 在css代码中设置背景图片的方法,包括背景图片.背景重复.背景固定.背景定位等 用css设置网页中的背景图片,主要有如下几个属性: 1,背景颜色 {background-color:数值}2,背景图片 {background-image: url(URL)|none}3,背景重复 {background-repeat:inherit|no-repeat|repeat|repeat-x|repeat-y}4,背景固定 {background-attachment

[转载]网页字体设置你了解吗?

以前做项目的时候就依葫芦画瓢的设置 { font-family:arial,”microsoft yahei”,simsun,sans-self; } 等类似的字体,然而当更多的设备和系统出现后,以前这样的设置已不能满足网页在各设备上的显示需求. 就拿最简单的宋体(simsun)来说吧,在Windows系统下显示是一个比较容易阅读的字体,然而在Mac上简直无法直视,如下图给出一个优化前后页面的对比效果: 出处:http://ued.ctrip.com/blog 因此,出于种种原因,促使我不得不去

META标签之关键词、网页描述设置帮助SEO网站优化(转)

ASP.NET 4.0 Web Forms针对SEO改进措施中有一个是在Page类中加了2个新属性:MetaKeywords 和MetaDescription,它们使得在后台代码类中用编程的手法设置这些值更容易,也更干净. META标签之关键词.网页描述设置能改进所选择关键字的网页相关性,有利于引擎搜索优化工作.例如:<head runat="server"> <title>ASP.NET 4.0教程</title> <meta name=&q

网页居中

行内元素居中       text-align 块级元素居中,在布局外层DIV盒子时候使用margin:0 outo 绝对定位居中       position:absolute         要设置left ,top ,margin-left ,margin-top的值 或是使用position:fixed      但是要配合margin:auto一起用 display:flex        也要配合margin:auto使用,但是这个不仅在水平上能元素居中,在垂直方向上也是可以的 li

移动端网页meta设置和响应式

苏宁易购WAP的meta分析 响应式 meta设置 媒体查询时读的width为viewport的宽度.viewport宽度为手机分辨率.比如note2 1280*720.需要重置为设备 640*360 方式 类型 css javascript 原理 媒体查询宽.高范围.设置html的font-size基准值 (window.innerWidth/psd的初始化宽度)*psd的初始font-size.算出当前网页的font-size.赋给html 特征 优点: 纯css解决 缺点: 需要在页面渲染

html+CSS--水平居中设置(定宽块状元素)

来源:http://www.imooc.com/code/4336 当被设置元素为 块状元素 时用 text-align:center 就不起作用了,这时也分两种情况:定宽块状元素和不定宽块状元素. 这一小节我们先来讲一讲定宽块状元素.(定宽块状元素:块状元素的宽度width为固定值.) 满足定宽和块状两个条件的元素是可以通过设置“左右margin”值为“auto”来实现居中的.我们来看个例子就是设置 div 这个块状元素水平居中: html代码 <body> <div>我是定宽块

报表参数控件和报表内容自动居中设置方法

在用报表工具FineReport设计报表时,常遇到以下问题: 1.参数控件(多行控件)的居中问题.2.报表内容的居中和自适应宽度问题,以及报表标题设置了重复标题和冻结如何不影响居中.3.图表居中和自适应宽度问题. 解决方案如下: 1.如果使用的是FineReport的7.1.1版本:将参数控件界面的控件手动来拖,当然设计宽度是可以变的 , 按照上图中的设置方法,就可以整体居中 如果是FineReport7.1 版本:点击参数界面空白处   右边属性界面有个位置选择来居中 2.居中显示不影响表头

网页字体设置你了解吗?

http://ued.ctrip.com/blog/?p=3589#more-3589 以前做项目的时候就依葫芦画瓢的设置 { font-family:arial,”microsoft yahei”,simsun,sans-self; } 等类似的字体,然而当更多的设备和系统出现后,以前这样的设置已不能满足网页在各设备上的显示需求. 就拿最简单的宋体(simsun)来说吧,在Windows系统下显示是一个比较容易阅读的字体,然而在Mac上简直无法直视,如下图给出一个优化前后页面的对比效果: 因此