位置: 编程技术 - 正文
转载未知大小的图片在一个已知大小容器中的水平和垂直居中（二）(未知类型的文件怎么打开)
编辑：rootadmin这是一个未知大小的图片在一个已知大小容器中的水平和垂直居中的例子，原文标题：“Centering an image of unknown size in an outer container of known size”， 作者：Stu Nicholls form： ，发表日期：th October 。
推荐整理分享转载未知大小的图片在一个已知大小容器中的水平和垂直居中（二）(未知类型的文件怎么打开)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:未知的大文件可以删除吗,下载大小未知,下载出现未知大小,文件未知大小,下载大小未知,转载未知大小的文件,下载出现未知大小,下载出现未知大小,内容如对您有帮助，希望把文章链接给更多的朋友！
此文由forestgan于--翻译发表，更多文章。
这个水平和垂直居中的例子能正常工作在IE5.x, IE6, IE7, Firefox, Opera, Mozilla, Netscape，为IE和非IE分别写了二套简单的样式。
IE使用inline-blocks，非IE使用table-cell and vertical-align。
CSS/* for non-IE browsers */div.holder {width:px; height:px; background:#f8f8f8; border:1px solid #; text-align:center; display:table-cell; vertical-align:middle;}}<!--[if IE]><style type="text/css">/* vertical align for IE */#edge {width:0; height:%; display:inline-block; vertical-align:middle;} #container {text-align:center; width:%; display:inline-block; vertical-align:middle;}</style><![endif]-->xhtml<div class="holder"><span id="edge"></span> <span id="container"><img src="graphics/homework.jpg" alt="" /></span></div>作者的例子是单个的，我扩展了下，一页6张图片，可适用于像册和产品展示等地方，演示地址。
IE Bug--浮动对象外补丁的双倍距离的解决方法 TheIEDoubledFloat-MarginBugIEBug--浮动对象外补丁的双倍距离先看以下代码：#box{background:ThreedFace;width:px;height:px;}#box1{float:left;background:#F2F2F2;width:px;height:2
解决IE7以下版本不支持无A状态伪类的几种方法 在IE7以下版本一直是不支持无A状态伪类的，通常都要靠Javascript来解决的，最近经常有人问起此类问题，故整理了几种方法，脚本来自国外网站，供大
脚本控制三行三列自适应高度DIV布局 这个例子是用JS脚本控制并列DIV的高度,通常在DIV布局中,自适应高度一直是比较头疼的问题,一般大都采用背景图、外套DIV、右栏覆盖左栏......来解决。现
标签: 未知类型的文件怎么打开
本文链接地址:https://www.jiuchutong.com/biancheng/371890.html 转载请保留说明！上一篇：固定右栏宽度, 左栏内容先出现同时自适应宽度的布局(固定栏跑到了左边怎么弄)
下一篇：IE Bug--浮动对象外补丁的双倍距离的解决方法(苏州大学附属第一医院占地面积)
](https://www.jiuchutong.com/image/20240129/1706504440.jpg)
