css设置未知尺寸图片的水平和垂直居中 - 代码改变世界，积累成就自己 - ITeye博客

`

xdwangiflytek

浏览: 664196 次
性别:
来自: 安徽

最近访客更多访客>>

fighter1945

meg_yin

xiaohei445_qq

ddxkj

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

drinkjava2：太复杂了而且不通用，利用ThreadLocal可完美解决这一问 ...
JDBC的多条件动态查询
u013107014： multipartRequest.getFiles(" ...
多文件上传 by MultipartFile and Multiple
liyys：可惜没讲你mysql数据库的表的设计
iBatis入门
Mapple_leave：效果还是挺不错的，谢谢了。
中文简体与繁体的转换
arcpad：
JS禁用浏览器退格键

css设置未知尺寸图片的水平和垂直居中

博客分类：

Html/Div+CSS

css 设置未知尺寸图片的水平和垂直居中

阅读更多

<!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设置未知尺寸图片的水平和垂直居中</title>
    <style type="text/css">
    .box {
        /*非IE的主流浏览器识别的垂直居中的方法*/
        display: table-cell;
        vertical-align:middle;

        /*设置水平居中*/
        text-align:center;

        /* 针对IE的Hack */
        *display: block;
        *font-size:262px;/*约为高度的0.873，300*0.873 约为262*/
        *font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/

        width:400px;
        height:300px;
        border:1px solid #eee;
}
.box img {
        /*设置图片垂直居中*/
        vertical-align:middle;
}
    </style>
</head>
<body>
    <div class="box">
        <img alt="dd" src="http://www.baidu.com/img/baidu_sylogo1.gif" />
    </div>
</body>
</html>

css设置未知尺寸图片的水平和垂直居中.rar (806 Bytes)
下载次数: 3

2
顶

0
踩

分享到：

Java操作Excel By Apache POI Or jExcelApi | Ajax中的同步与异步

2012-01-14 08:42
浏览 1761
评论(0)
分类:Web前端
查看更多

评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

CSS解决未知高度的DIV垂直居中: CSS解决未知高度的DIV垂直居中CSS解决未知高度的DIV垂直居中

未知大小的图片自适应水平垂直居中源码纯CSS: 未知大小的图片垂直居中，水平居中，纯CSS。兼容主流浏览器。

未知大小的图片在已知容器中的垂直居中和水平居中: δ知大小的图片在已知容器中的垂直居中和水平居中，一直是困扰大家的问题，今天西西带给大家一个简单的实现办法，详见css文件，此代码兼容各个浏览器，源码库推荐下载！

css图片垂直居中 css中如何实现图片垂直居中: 在曾经的淘宝UED 招聘中有这样一道题目： “使用纯CSS实现+未知尺寸的图片(但高宽都小于200px)在200px的正方形容器中水平和垂直居中。” 当然出题并不是随意，而是有其现实的原因，垂直居中是淘宝工作中最常遇到的...

CSS 实现未知内容高度的垂直水平居中(改良版): 垂直居中在IE浏览器下的实现比较难实现，而更难实现的应该是未知内容高度的垂直水平居中！还好网上也有很多高人发布了一些解决的方法！这里我进行了一些改良，兼容FF，IE6，IE7，Opera…如发现问题有劳回复评论！ ...

CSS设置未知大小图片在已知大小容器水平垂直居中: 复制代码代码如下: <!...未知大小图片在已知大小容器水平/垂直居中</title> <style type=”text/css”> .box { /*非IE的主流浏览器识别的垂直居中的方法*/ display: table-cell; ve

CSS2.1如何让块元素垂直水平居中.rar: 资源内容为如何让已知宽高和未知宽高的div元素垂直水平居中，内容适合新手小白，细节方面都有，如果有误，望高手指导谢谢!

div+css有实例,易学易懂: 6.3.4 容器的大小和内容大小均未知的水平和垂直居中 6.3.5 修饰图片的水平和垂直居中 6.4 字体的综合属性 6.4.1 字体的选择 6.4.2 字体的大小 6.4.3 字体的加粗 6.4.4 字体的样式 6.4.5 字体的变形 6.4.6 字体属性的...

CSS 解决未知高度垂直居中实现代码: 尽管有CSS的vertical-align特性，但是并不能有效解决未知高度的垂直居中问题（在一个DIV标签里有未知高度的文本或图片的情况下）。

让图片垂直居中的使用方法: “使用纯CSS实现未知尺寸的图片(但高宽都小于200px)在200px的正方形容器中水平和垂直居中。” 当然出题并不是随意，而是有其现实的原因，垂直居中是淘宝工作中最常遇到的一个问题，很有代表性。题目的难点在于两...

div图片垂直居中如何使div中图片垂直居中: “使用纯CSS实现未知尺寸的图片(但高宽都小于200px)在200px的正方形容器中水平和垂直居中。” 当然出题并不是随意，而是有其现实的原因，垂直居中是淘宝工作中最常遇到的一个问题，很有代表性。题目的难点在于两...

CSS教程：网页图片垂直居中的使用技巧: “使用纯CSS实现未知尺寸的图片(但高宽都小于200px)在200px的正方形容器中水平和垂直居中。” 当然出题并不是随意，而是有其现实的原因，垂直居中是淘宝工作中最常遇到的一个问题，很有代表性。题目的难点在于两...

CSS解决未知高度的垂直水平居中自适应问题: 今天有人问起，晚上试着写出来，供参考；以下代码兼容主流浏览器IE... 从最简单的开始………… 一、如何让一个DIV水平居中？这个简单不作过多说明！ [code] <style> body { text-align:center} #info{ margin:0

纯js代码实现未知宽高的元素在指定元素中垂直水平居中显示: 下文以span元素为例子，介绍一下如何实现span元素在div中实现水平垂直居中效果，代码如下: <!DOCTYPE html> <html> <head> <meta charset= utf-8> <meta name=author content=...

div垂直居中的N种方法单行/多行文字(未知高度/固定高度).docx: 说到这个问题的时候，也许有人会问CSS中不是有vertical-align属性来设置垂直居中的吗？即使是某些浏览器不支持我只需做少许的 CSSHack技术就可以啊！所以在这里我还要啰嗦两句，CSS中的确是有vertical-align属性，...

css教程:DIV垂直居中的办法: 经过今天一翻改进，终于找出了解决DIV垂直居中的办法。 <!DOCTYPE ...<head><... charset=utf-8" />...CSS布局技巧：未知高度div 垂直居中的问题</t

Global site tag (gtag.js) - Google Analytics