`
haofeng82
  • 浏览: 144446 次
  • 性别: Icon_minigender_1
  • 来自: 济南
社区版块
存档分类
最新评论

如何让网页div图层居中显示

阅读更多

对于IE浏览器来说,

只需要在<body>上增加style="text-align:center"就可以了,但是用firefox的话,还需要在层上增加

MARGIN-RIGHT: auto;MARGIN-LEFT: auto;样式,例如:

<div style="MARGIN-RIGHT: auto;MARGIN-LEFT: auto;border:1px solid #B1B4D7;
width:950px;height:80px; padding:0px;">

这样这个曾就可以居中显示了

分享到:
评论

相关推荐

    jQuery超炫淡入淡出效果DIV渐变居中弹出框插件

    本篇文章将详细讲解基于jQuery实现的超炫淡入淡出效果、DIV渐变居中弹出框插件的原理与应用。 首先,"jQuery超炫淡入淡出效果"是指利用jQuery提供的fadeIn()和fadeOut()方法,实现元素的平滑透明度变化,从而达到...

    jquery弹出div图层(带蒙板)

    本文将深入探讨如何使用jQuery实现一个弹出的div图层,并结合蒙版效果,创建一种常见的对话框功能。这个功能常用于显示警告、确认消息或者承载表单等互动元素。 首先,`jquery-1.3.2.min.js`是jQuery库的压缩版本,...

    DIV未知高度的垂直居中代码.rar

    标题中的“DIV未知高度的垂直居中代码”指的是在网页设计中如何使一个具有未知高度的&lt;div&gt;元素在页面上实现垂直居中的技术。在Web开发中,这是一项常见的需求,尤其是在响应式设计中,当内容高度不确定时,仍然希望...

    DIV+CSS网页布局技巧实例

    但在现代网页设计中,更多采用的是`DIV+CSS`布局,这就需要掌握不同的居中技巧。 ##### 代码示例 ```html #layout { width: 778px; margin: 0 auto; text-align: center; } &lt;div id="layout"&gt;标准之路...

    Dreamweaver-CS5自学教程-第八课:AP-DIV元素.pdf

    - 不重叠性:通过网格设置,可以防止AP DIV图层重叠。 - 网格使用:绘制AP DIV时,网格提供参考线,帮助创建整齐的布局。 - 转换:可以将已有的表格转换为AP DIV结构,以获得更灵活的布局控制。 通过这些步骤和...

    JavaScript+div 半透明弹出层

    JavaScript+div 半透明弹出层,function openNewDiv(_id) { var m = "mask"; if (docEle(_id)) document.removeChild(docEle(_id)); if (docEle(m)) document.removeChild(docEle(m)); // 新激活图层 var newDiv...

    psd转div.pdf

    - PSD文件通常包含多个图层,每个图层可以包含文本、图像、颜色等元素,这对于将设计原型转化为网页代码提供了便利。 - 转换工作通常包含将PSD文件中的视觉元素提取出来,并将这些元素转换成网页代码,即HTML和CSS...

    CSS实现一张图片的效果

    例如,如果我们想让图片居中显示,可以添加以下CSS代码: ```css img { display: block; margin: 0 auto; } ``` 这里的`display: block;`将图片元素设置为块级元素,使其占据整个行宽,而`margin: 0 auto;`则设置...

    dreamweaver珍藏3

    通过新建图层(AP div),放置图片并记录路径,动画将在整个路径上播放,不受表格和背景图像的限制,为网页增添生动性。 总结: Dreamweaver的丰富功能使得网页设计变得更为便捷和高效。从文本排版、交互设计到动画...

    jQuery插件multiScroll实现全屏鼠标滚动切换页面特效

    这款插件允许用户通过鼠标滚轮轻松实现屏幕的整屏切换,同时支持文字和图片的绝对居中显示,从而为访问者提供流畅且引人入胜的浏览体验。 **兼容性** multiScroll插件兼容多种浏览器,包括Internet Explorer 6及更...

    background_image:使用html,css和bootstrap的背景图像

    /* 图像居中显示 */ z-index: -1; /* 使背景图在其他元素之下 */ } ``` 上述代码设置了一个全屏背景图像,图片会根据容器大小自动调整,始终保持居中。`z-index: -1`使得背景图层位于其他元素之下,确保内容不会被...

    简单CAD常用快捷键汇总大全可以打印出来做鼠标垫

    9. **定数等分 (DIV)** - 将线段等分为指定数量的部分。 10. **矩形 (REC)** - 绘制矩形。 11. **定距等分 (ME)** - 按照指定距离将线段等分。 12. **多边形 (POL)** - 绘制多边形。 13. **表格 (TABLE)** - ...

    前端开发与小程序面试题目.pdf

    6. 微信小程序原理:基于运行时环境,以数据驱动,通过WXML和WXSS实现视图层与数据层分离。 7. 优劣势分析:优势是快速开发、无需安装、触手可及;局限性包括性能限制、部分功能受限、更新依赖微信等。 8. 与H5区别...

    js使用小技巧

    并排显示 display:inline 隐藏焦点 hidefocus=true 根据宽度换行 style="word-break:break-all" 自动刷新 ;URL=http://c98.yeah.net"&gt; 简单邮件 &lt;a href="mailto:aaa@bbb.com?subject=ccc&body=xxxyyy"&gt; ...

    建筑CAD快捷键大全

    - GQH: 批量改墙厚:墙基线不变,墙线一律改为居中 - GWQG: 修改已定义的外墙高度与底标高,自动将内墙忽略 - GWQH: 注意修改外墙墙厚前,应先进行外墙识别,否则命令不会执行 - 绘制墙体 HZQT: 连续绘制双线直...

Global site tag (gtag.js) - Google Analytics