<html><head><style>.box {
/*非IE的主流浏览器识别的垂直居中的方法*/
display: table-cell;
vertical-align:middle;
/*设置水平居中*/
text-align:center;
/* 针对IE的Hack */
*display: block;
*font-size: 175px;/*约为高度的0.873，200*0.873 约为175*/
*font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/
width:200px;
height:200px;
border: 1px solid #eee;
}
.box img {
/*设置图片垂直居中*/
vertical-align:middle;
}</style></head>
<body><div class="box">
<img src="http://pics.taobao.com/bao/album/promotion/taoscars_180x95_071112_sr.jpg" _fcksavedurl="http://pics.taobao.com/bao/album/promotion/taoscars_180x95_071112_sr.jpg" />
多发点
</div></body>
rather_lonely
- 浏览: 97367 次
- 性别:
- 来自: 南京
-
最新评论
-
330821256：
谢谢了 ！！！
myeclipse中debug class文件 -
godmy20：
不知道好不好用。。还是先谢谢
jrokit工具 -
hxskwk：
哥，我本来还明白点，让你这么一说倒给我整糊涂了！
你的意思是说 ...
javascript 匿名函数的理解，js括号中括function 如(function(){}) -
wuj787583992：
这个程序要放在servlet上跑还是直接作为一个java ap ...
java获取MAC地址
相关推荐
### CSS解决未知高度的DIV垂直居中 #### 知识点概述 在Web开发中，实现元素的垂直居中是一项常见的需求。对于已知高度的元素来说，这相对容易实现。但对于那些高度未知或者动态变化的元素，尤其是嵌套在另一个未知...
在网页设计中，"DIV+CSS 图片垂直居中效果"是一个常见的布局需求，它涉及到CSS的盒模型、定位和Flexbox或Grid等现代布局技术。以下是对这一主题的详细阐述： 1. **基础概念** - **DIV**：HTML中的`<div>`元素是一...
在网页设计中，将图片在div中垂直和水平居中是一项常见的需求，这涉及到CSS布局技术的运用。本文将深入探讨如何使用最简单的方法来实现这个目标，同时也会涉及JavaScript（JS）的一些特效，尽管在描述中没有明确指出...
### DIV垂直居中的N种方法：详尽解析与实践 在网页设计中，DIV元素的垂直居中一直是前端开发者关注的...理解并熟练掌握这些技巧，将有助于开发者在不同项目中选择最合适的解决方案，提升网页布局的灵活性和美观度。
在CSS布局中，垂直居中是一项常见的需求，但相比水平居中，它的实现方式更为多样且复杂。在本文中，我们将探讨如何通过不同的方法在网页布局中实现div元素的垂直居中。 首先，我们注意到CSS的`vertical-align`属性...
"div+css图片垂直居中"是这个话题的核心，它涉及到CSS布局和浏览器兼容性问题，特别是对于Internet Explorer（IE）和其他现代浏览器的处理差异。下面将详细阐述如何实现这一目标。 1. **基本原理**： CSS中的定位...
在本主题中，我们将深入探讨如何通过CSS实现图片的最大宽度限制、水平垂直居中，并确保这种布局在Internet Explorer 6（简称IE6）这样的老版本浏览器中也能正常工作。 首先，我们需要理解CSS中的`max-width`属性。...
在网页设计中，"垂直居中显示"是一个常见的需求，特别是在多设备、多屏幕尺寸的环境下，确保元素在页面上无论何时都能保持居中状态，能够提供良好的用户体验。本话题主要探讨如何在IE7及以上的浏览器中实现元素的...
当然，现代CSS布局模式Flexbox和Grid提供了更强大的垂直居中解决方案。在Flexbox中，设置`display: flex`和`align-items: center`即可使所有子元素垂直居中。而在CSS Grid中，通过`align-items: center`和`justify-...
在网页设计中，让图片或其他内容在div容器中垂直居中是一个常见的需求，尤其是在多浏览器兼容性方面。这里我们将深入探讨如何实现这个功能，并结合JavaScript（JS）特效和CSS样式来达成目标。首先，让我们先了解一些...
在网页设计中，让一个元素在页面上实现水平和垂直居中是一项常见的需求。当这个元素的宽度和高度不确定时，问题就变得更具挑战性，尤其是考虑到需要兼容早期版本的Internet Explorer（如IE6和IE7）时。下面将详细...
要实现一个DIV元素在网页中水平和垂直居中，可以使用不同的CSS方法。这些方法的兼容性决定了它们能够适用于哪些浏览器版本。在上述文件中，给出了几种不同的实现方式，其中一些兼容现代浏览器如Chrome，同时也兼容较...
标题中的“DIV未知高度的垂直居中代码”指的是在网页设计中如何使一个具有未知高度的<div>元素在页面上实现垂直居中的技术。在Web开发中，这是一项常见的需求，尤其是在响应式设计中，当内容高度不确定时，仍然希望...
标题 "div垂直居中" 描述的是一个常见的前端布局问题，如何在网页设计中让一个div元素在容器中垂直居中对齐。这个问题涉及到CSS（层叠样式表）的布局技术，尤其是定位和 Flexbox 或 Grid 等现代布局模式。 在传统的...
【CSS实现div表格垂直居中】 在网页设计中，CSS（层叠样式表）是控制页面元素布局和样式的工具。垂直居中是常见的需求，尤其在制作响应式网页时，让内容无论在哪种屏幕尺寸下都能保持居中显得尤为重要。本文将介绍几...
在布局的传统解决方案中，都是基于盒状模型，依赖display属性、position属性、float属性，这种方式比较传统，对于那些特殊布局来说非常不方便，比如，垂直居中就不容易实现。 尤其是现在移动设备如此多的今天，...
淘宝UED招聘中的一道题目提出了一个挑战：用纯CSS实现未知尺寸（但小于200px）的图片在200px正方形容器中水平和垂直居中。这个问题的关键在于处理垂直居中和图片作为置换元素的特性。 在CSS中，垂直居中可以通过...
本文主要探讨如何使用CSS实现div表格的垂直居中，包括单行内容、多行内容以及在不同浏览器环境下的兼容性解决方案。\n\n1. **单行内容垂直居中**\n - 当内容只有一行时，可以设置容器的`line-height`与`height`相等...