DIV 在IE8.0 和 Firefox3.6 居中显示

最新推荐文章于 2023-06-04 19:40:49 发布
最新推荐文章于 2023-06-04 19:40:49 发布
阅读量87 收藏
点赞数
分类专栏： CSS 文章标签： CSS XHTML HTML
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zjdong886/article/details/83705105
版权

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>CSS div的完整居中实例</title>
<style type="text/css">
<!--
body{ text-align:center; margin:0 auto; background: url(http://www.divcss5.com/img/css-logo.gif) no-repeat center;}
.div_css {color: #0066CC; margin:5px auto; width:700px; height:120px; line-height:120px; border:1px solid #000000; }
.div_css img {vertical-align:middle;}
-->
</style>
</head>
<body>
<div class="div_css">我是css中的居中的完整居中实例;我的布局外层有一个边为1px <img src="http://www.divcss5.com/img/css-logo.gif" alt="图片内容居中" /></div>
</body>
</html>

zjdong886
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
CSS3 整理
Zz_cheng的博客
05-02 300
CSS3 入门 CSS 用于控制网页的样式和布局。 CSS3 是最新的 CSS 标准。 本教程向您讲解 CSS3 中的新特性。 层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。。 CSS3 简介 CSS3 简介 对CSS3已完全向后兼容，所以你就不必改变现有的设计。浏览器将永远支持C
div中子div在firefox ie 水平居中对齐
12-12
在本例中，我们讨论的是如何使一个内嵌的`<div>`元素在它的父`<div>`中水平居中对齐，同时兼容Firefox和Internet Explorer（IE）浏览器。这个问题涉及到CSS的布局特性，主要包括`text-align`属性和自动外边距（`...
Ext JS的4.1.0的RC 1的发行说明
热门推荐
azhou2012的专栏
03-30 1万+
Ext JS的 - JavaScript框架 Ext JS的4.1.0的RC 1的发行说明 发行日期：2012年3月13， 版本号：4.1.0的RC 1 修正的错误 钮 EXTJSIV-5129  按钮不坚持宽度设置在IE9 图表 EXTJSIV-4416  图表标签 EXTJSIV-5459  设置在渲染隐藏的标记，有没有效果，图
CSS3基础知识及详情
weixin_42213425的博客
09-15 1085
CSS3基础知识及详情 什么是CSS3 CSS3是CSS2的升级版本，3只是版本号，它在CSS2.1的基础上增加了很多强大的新功能。目前主流浏览器chrome、safari、firefox、opera、甚至360都已经支持了CSS3大部分功能了，IE10以后也开始全面支持CSS3了。 在编写CSS3样式时，不同的浏览器可能需要不同的前缀。它表示该CSS属性或规则尚未成为W3C标准的一部分，是浏览器的私有属性，虽然目前较新版本的浏览器都是不需要前缀的，但为了更好的向前兼容前缀还是少不了的。 注意：此课程不支
html+css移动端布局
li520_fei的博客
03-21 6207
文章目录移动端一、移动端基础**1 .浏览器现状****2 .手机屏幕现状****3.常见移动端屏幕尺寸****4.移动端调试方法**5.总结二、视口**1.布局视口** `layout viewport`**2.视觉视口**`visual viewport`**3.理想视口** `ideal viewport`4.meta视口标签三、二倍图**1.物理像素&物理像素比**2.**多倍图**3.**背景缩放 background-size****4.多倍图切图 cutterman**四、移动端开发选
我对CSS vertical-align的一些理解与认识（一
麻球科技
03-02 418
一、关于今天，本文，及其他 今天是个特殊的日子，因为今天是汶川地震两周年的日子，我很悲鸣；今天又是国际护士节，看到微博上护士照横流，我很欣慰。 一段放松的YY后，进入正题。上个月21号，有位同行留言想让我讲讲vertical-align属性，我其实对vertical-align属性也是略知皮毛，要说岂敢谈“讲解”，就说说我对vertical-align属性的一些理解吧，纯属个人见解，若
【阿甘】Web前端学习VI
阿甘的博客
06-04 109
学习内容CSS层叠样式表部分内容（四）。
web前端面试笔试题+优化
huangcaiyan
07-27 1337
前端是庞大的，包括HTML、CSS、Javascript、Image、Flash等等各种各样的资源。前端优化是复杂的，针对方方面面的资源都有不同的方式。那么，前端优化的目的是什么 1. 从用户角度而言，优化能够让页面加载得更快、对用户的操作响应得更及时，能够给用户提供更为友好的体验。 2. 从服务商角度而言，优化能够减少页面请求数、或者减小请求所占带宽，能够节省可观的资源。 ...
前端面试题（1）
yuxiaoxia28的博客
10-02 2732
web前端面试笔试题+优化   前端是庞大的，包括HTML、CSS、Javascript、Image、Flash等等各种各样的资源。前端优化是复杂的，针对方方面面的资源都有不同的方式。那么，前端优化的目的是什么   1. 从用户角度而言，优化能够让页面加载得更快、对用户的操作响应得更及时，能够给用户提供更为友好的体验。 2. 从服务商角度而言，优化能够减少页面请求数、或者减小请求所占带宽
我对CSS vertical-align的一些理解与认识
qq_38619931的博客
05-01 254
by zhangxinxu from http://www.zhangxinxu.com本文地址：http://www.zhangxinxu.com/wordpress/?p=813一、关于今天，本文，及其他今天是个特殊的日子，因为今天是汶川地震两周年的日子，我很悲鸣；今天又是国际护士节，看到微博上护士照横流，我很欣慰。一段放松的YY后，进入正题。上个月21号，有位同行留言想让我讲讲vertica...
IE6，IE7和firefox对DIV的支持区别
10-30
IE6，IE7和firefox对DIV的支持区别
h2在div IE7中不垂直居中问题解决方法
12-11
本问题聚焦于在Internet Explorer 7 (IE7) 浏览器中，`h2` 元素在 `div` 容器内无法垂直居中的问题以及解决方案。在IE7这样的老版本浏览器中，由于其对CSS标准的支持有限，所以实现垂直居中可能会遇到一些挑战。 ...
完全纯css实现div自适应居中兼容IE7 Chrome FireFox
12-13
2. IE7、8 下rgba属性会失效，所以如果要做半透明要新加一个div，这个步骤我偷个懒就省了哈哈，重点是中间的div大笑 3. 对于弹出层，各位针对自己的情况设置z-index，这里我没有设置了 4. IE6没有测试，抱歉= = ...
基于Springboot的在线英语阅读平台的设计与实现论文
07-16
传统方式管理信息存在诸多不足，如耗时较长、数据错误率高、错误数据更正困难以及数据检索繁琐费力。因此，通过在计算机上部署在线英语阅读分级平台软件，可以充分发挥其高效的信息处理能力，从而规范信息管理流程，使管理工作更加系统化和程序化。同时，该平台的有效应用还能助力管理人员准确快速地处理信息。 在开发工具的选择上，在线英语阅读分级平台经过慎重考虑，为便于开发实现，选用了IDEA作为开发工具，并采用Mysql作为数据库工具。以此为基础搭建开发环境，实现在线英语阅读分级平台的各项功能，包括管理员对用户和新闻公告的管理。 作为一款基于软件开发技术设计实现的应用系统，在线英语阅读分级平台在信息处理方面表现出色，无论是数据添加、数据维护和统计，还是数据查询等处理需求，该平台都能轻松应对。
关于红外传感器的计数器设计.docx
07-16
传感器
中国航空研究院609研究所考研10个学院，38个专业课历年考试真题及答案汇总整理，备考资料题库视频.pdf
07-16
中国航空研究院609研究所考研10个学院，38个专业课历年考试真题及答案汇总整理，备考资料题库视频.pdf
MATLAB基础入门教程 MATLAB使用详解 第8章 函数分析 共10页.pptx
07-16
【课程大纲】 第1章 MATLAB7.0安装与卸载 共5页.pptx 第2章 MATLAB7.0用户界面 共19页.pptx 第3章 MATLAB7.0入门 共10页.pptx 第4章 MATLAB7.0的矩阵和数组 共28页.pptx 第5章 MATLAB7.0的数据类型 共20页.pptx 第6章 元胞和构架 共12页.pptx 第7章 矩阵分析 共35页.pptx 第8章 函数分析 共10页.pptx 第9章 数据分析 共19页.pptx 第10章 高级数值计算 共32页.pptx 第11章 符号计算 共35页.pptx 第12章 二维图形 共25页.pptx 第13章 三维图形 共11页.pptx 第14章 图形对象和句柄 共29页.pptx 第15章 MATLAB7.0程序设计 共35页.pptx 第16章 程序调试、优化和出错处理 共14页.pptx 第17章 图形用户界面（GUI） 共22页.pptx 第18章 MATLAB 文件IO操作 共15页.pptx 第19章 MATLAB 7.0编译器 共16页.pptx 第20章 应用程序接口 共19页.pptx 第21章 Notebook的运用 共16页.pptx 第22章 SIMULINK入门 共50页.pptx 第23章 SIMULINK高级技术 共47页.pptx 第24章 图像处理工具箱 共27页.pptx 第25章 信号处理工具箱 共45页.pptx 第26章 小波分析工具箱 共8页.pptx
基于单片机的液压系统在线状态监测系统研究
最新发布
07-16
液压系统状态监测技术是保证液压设备在安全可靠的状态下高效运行的有效手段和方法。目前，液压系统状态监测技术主要反映在通过监测液压系统的压力、流量和温度等参数来获得液压系统的功率等状态信息。鉴于这一方法的诸多缺陷，本文通过监测液压动力系统中电机的电流参数和电压参数，获得液压动力系统的输入功率，再经过神经网络训练出各相关环节的效率参数从而获得系统的输出功率，为液压系统的在线状态监测提供了一种新的方法。 针对现有监测方法的不足，本文提出了以电机—油泵功率数学模型为理论基础，以准同步采样算法为技术核心，以基于单片机的数字采集系统为监测系统的硬件基础，以上位机为监测系统的运行平台进行液压系统的在线状态监测。通过对液压系统状态监测器的软、硬件设计，研制出了该数据采集系统的样机和上位机监测系统软件，并通过大量的实验对监测器功能进行了检测，验证了上述状态监测方法的可行性和实用性。
CSS兼容IE和Firefox的技巧集合
10-27
这些技巧可以帮助网页设计师更好地处理CSS兼容IE和Firefox的问题，确保网站在不同浏览器上的正常显示。如果学习并掌握了这些技巧，就能够更加轻松地应对不同浏览器的兼容性问题，提高网页的用户体验。因此，对于有关...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值