大图片自适应居中显示，超出隐藏

<div style="width:100%; min-width:1000px; height:500px; position:relative; overflow:hidden;">
<div style="position:absolute; left:50%; margin-left:-960px; height:500px; width:1920px; overflow:hidden;">
<a target="_blank" href="http://dreamdesign.csrjgzs.com/Article/ShowArticle.asp?/1734-1.html"><img src="http://dreamdesign.105.idcxin.com/bbs/menber/yypz/2013年夏上传/CCTV-4《中华医药》2008-2012节目视频全集.jpg" /></a>
</div>
</div>

时间： 2024-10-10 18:15:05

大图片自适应居中显示，超出隐藏的相关文章

安卓 WebView加载本地图片时居中显示

在一个项目中使用WebView显示gif图片(自定义的View无法放大gif),当图片过小时只在左侧显示,经过研究发现无论设置android:layout_gravity="center_horizontal"还是设置android:gravity="center_horizontal" 都无法居中显示,而且还设置了android:layout_width="wrap_content",但是实际上WebView并没有自适应内容,它的宽度占了屏幕宽

基于jQuery图片自适应排列显示代码

基于jQuery图片自适应排列显示代码.这是一款基于jquery.flex-images插件实现的类似谷歌图片流效果.效果图如下: 在线预览   源码下载 实现的代码. html代码: <div style="max-width:900px;margin:auto;padding:0 10px"> <h3>演示样式一</h3> </div> <div style="max-width:908px;margin:auto;p

css控制图片上下居中，超出部分隐藏

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> img{ width: 100%; display: block; } div{ width: 600px; height: 600px; border: 1px solid red; text-al

固定容器里图片上下左右居中显示学习

最近做个小项目,要做图片的上下左右居中.从网上找了找,看了些css代码.自己写写,学习一下! 1.左右居中的话,比较简单.父元素a,子元素b. a里面加(text-align:center),b里面加(display:inline-block),就好了. 理论嘛,应该是text-align用于行内元素,特别是对文字居中而言.而inline-block元素具有了inline的一些特性.so... 2.上下居中比较麻烦,但是都离不开(vertical-align:middle),这个属性.但是这玩意

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-Typ

纯css 图片自适应居中

html 结构 <div class="container"> <div class="content"></div> </div> css .container{ width: 100%; height: 100%; text-align:center; position: fixed; } .container:after { display: inline-block; content: ''; width: 0

关于UIImageView的显示问题——居中显示或者截取图片的中间部分显示

我们都知道在ios中,每一个UIImageView都有他的frame大小,但是如果图片的大小和这个frame的大小不符合的时候会怎么样呢?在默认情况,图片会被压缩或者拉伸以填满整个区域. 通过查看UIView的属性可以知道,view的contentMode属性可以用来控制图片的显示情况.下面的设置可以让图片进行居中显示. 1 imageView.contentMode =  UIViewContentModeCenter; 这个居中是包括了,横向和纵向都是居中.图片不会拉伸或者压缩,就是按照im

NPOI随笔——图片在单元格等比缩放且居中显示

NPOI导出的图片默认是在单元格左上方,这使得图片在单元格显示得很难看.居中,且等比缩放,才是图片在单元格上的完美展示. /// <summary> /// 图片在单元格等比缩放居中显示 /// </summary> /// <param name="cell">单元格</param> /// <param name="value">图片二进制流</param> private void Cel

NPOI 图片在单元格等比缩放且居中显示

NPOI导出的图片默认是在单元格左上方,这使得图片在单元格显示得很难看.居中,且等比缩放,才是图片在单元格上的完美展示. /// <summary> /// 图片在单元格等比缩放居中显示 /// </summary> /// <param name="cell">单元格</param> /// <param name="value">图片二进制流</param> private void Cel