`
raojl
  • 浏览: 210631 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

一个关于网页居中显示的小技巧

阅读更多
function getWidth(){
var w=document.body.clientWidth;
w=(w-800)/2;

return w;
}      ////////获得左距离

margin-left:expression(getWidth());//利用CSS表达式居中显示。


传统的消除默认,然后BODY{MARGIN:0 AUTO;}非常不适用,特别当遇到动态页面时出现怪现象。
特别是DIV 是absolute定位时传统方法就失去效用了。



当你的浏览器缩小放大,看看效果,然后再看看我的方法。。。。。。。。。。。。。
分享到:
评论

相关推荐

    垂直居中显示ie7+

    在网页设计中,"垂直居中显示"是一个常见的需求,特别是在多设备、多屏幕尺寸的环境下,确保元素在页面上无论何时都能保持居中状态,能够提供良好的用户体验。本话题主要探讨如何在IE7及以上的浏览器中实现元素的...

    浏览器窗口放大缩小后页面内容居中解决方法

    在描述中提到了一个链接到CSDN博客的文章,虽然具体内容无法直接展示,但我们可以基于常规的网页居中技术来解释这个问题。通常,开发者会使用JavaScript、jQuery等工具来实现这一功能,特别是当涉及到动态调整时,...

    flex 弹出窗口并居中显示

    综上所述,通过Flex布局,我们可以轻松实现弹出窗口的居中显示,同时结合其他CSS和JavaScript技巧,可以打造出功能完备、用户体验良好的弹出窗口。在实际项目中,还可以根据需求进行更复杂的定制和优化。

    如何实现微信小程序文字居中显示.doc

    在微信小程序开发中,UI设计和布局是至关重要的部分,其中文字居中显示是一个常见的需求。微信小程序提供了丰富的样式和组件来实现各种视觉效果。针对标题提到的“如何实现微信小程序文字居中显示”,我们可以详细...

    改变浏览器大小,图片(img)内容居中显示

    在网页设计中,让图片(img)在浏览器窗口大小改变时仍能保持居中显示是一项基本而重要的技能。这涉及到CSS布局和响应式设计的概念,确保网页内容在不同设备和屏幕尺寸下都能呈现良好的视觉效果。以下将详细介绍如何...

    移动WEB端单页面图片居中

    这主要涉及到HTML5和CSS3的相关技术,尤其对于初学者来说,掌握这些技巧能够提升网页设计的灵活性和用户体验。下面将详细介绍如何使图片在手机端上下左右居中。 首先,我们需要了解移动端布局的基本概念。在移动Web...

    jQuery遮罩弹窗居中

    在实际应用中,我们可以创建一个jQuery插件,封装这个功能,使得调用者只需要一行简单的代码就能实现弹窗的居中显示。例如,可以定义一个名为`.centerPopup()`的方法,这样在页面加载完毕或者弹窗显示时,只需执行`$...

    搜索框符号居中

    在IT行业中,尤其是在网页设计和用户界面(UI)开发中,"搜索框符号居中"是一个常见的设计需求。这个话题涉及到前端开发,特别是CSS(Cascading Style Sheets)布局和元素定位的知识点。标题所指的“搜索框”通常指的是...

    CSS中关于居中的小技巧个人小结

    在网页设计中,CSS居中技术是一个经常被使用到的布局方法,它能够使元素在父容器中水平和垂直居中显示,从而达到设计上的美观和对齐的需求。本文将整理和分享一些在CSS中实现居中的技巧,这些技巧对于提高Web开发的...

    弹出层居中

    不过,上述信息应该足以帮助理解弹出层居中显示的基本原理和实现方法。 至于压缩包中的文件"2.html",可能是展示弹出层居中效果的一个网页示例,其中可能包含了相关的HTML结构、CSS样式和JavaScript代码。通过打开...

    浮动层居中的对话框效果演示

    在网页设计中,浮动层居中的对话框效果是一种常见的交互设计元素,用于显示重要的提示信息、用户确认操作或展示详细内容。本示例主要探讨如何使用HTML和CSS技术实现这样的效果。下面我们将深入讨论相关知识点。 ...

    html+jq+css 自适应屏幕居中

    5. **弹窗**:弹窗(Modal)通常是一个覆盖在页面上的浮动元素,用于显示重要的信息或交互。弹窗的居中是用户体验的重要组成部分,确保用户能清晰地看到弹出的内容而不受屏幕位置的影响。 在提供的文件列表中,`...

    VMiddleImg图片居中裁切效果

    在CSS中,可以使用`margin: auto`结合`display: block`来使一个元素(如图片)在容器内水平居中。对于垂直居中,我们可以利用Flexbox布局或者CSS Grid。在旧版的IE浏览器中(如ie6、ie7、ie8),可能需要采用更特殊...

    列表图片自动居中

    在网页设计中,确保列表图片自动居中是一个重要的布局技巧,尤其当用户上传的图片尺寸不一致时。这种做法能够保证页面的整洁性和良好的用户体验,防止由于图片尺寸差异导致的视觉混乱,也就是描述中提到的“页面飞”...

    Android PopupWindow显示位置常用效果

    在Android开发中,PopupWindow是一个非常实用的组件,它能够以弹出窗口的形式展示内容,类似于iOS中的AlertController或者ActionSheet。本篇文章将深入探讨如何实现Android PopupWindow的各种常见显示位置效果,为你...

    制作网页中Html+css小技巧收集

    使用`clear:both`或添加一个空的div元素并应用`clear:both`样式,可以清除这种影响,使后续元素正常显示。 ### 7. 设置透明度 透明度可以通过`filter`属性在IE中设置,也可以使用`-moz-opacity`和`opacity`属性在...

    ASP 开发实例 窗口一些设置实例 自动关闭的广告窗口 关闭弹出窗口刷新父窗口 居中显示弹出的窗口 鼠标指针滑过链接样式 离开时启动收藏夹 安徽机电职业技术学院 陈伟

    当用户关闭一个弹出窗口时,如果希望父窗口(即打开弹出窗口的那个页面)也随之刷新,可以通过JavaScript的window.opener对象实现。在弹出窗口的关闭事件中,可以调用window.opener.location.reload()来刷新父窗口...

    DIV始终居中的半透明弹出层.rar

    在网页设计中,"DIV始终居中的半透明弹出层"是一个常见的需求,它涉及到CSS布局、定位以及透明度设置等多个技术点。下面将详细解释这些知识点。 首先,`DIV`是HTML中的一个块级元素,常用于创建网页布局结构。在本...

    使用Frameset 宽屏居中小技巧分享

    标题和描述中提到的知识点是关于如何使用Frameset实现宽屏居中的技巧分享。在这一部分内容中,提及到的技术术语包括 Frameset、cols、rows、frameborder、framespacing、frame 和noframes等。下面详细介绍这些概念...

    jquery实现让弹出层绝对居中

    为了让弹出层在页面中看起来更加专业且用户体验良好,通常会要求它们能够自动居中显示。jQuery,一个广泛使用的JavaScript库,提供了丰富的功能来简化DOM操作,包括实现弹出层的居中对齐。本文将详细介绍如何使用...

Global site tag (gtag.js) - Google Analytics