实现未知尺寸的图片在固定区域内水平、垂直居中
来源:互联网 发布:linux系统有哪些rehat 编辑:程序博客网 时间:2024/04/30 01:04
对于尺寸未知的图片在某个区域内垂直居中一直是不怎么好解决的前端问题,今天我给大家带来一个一劳永逸的偏方,具体如下;
先上代码:
<style>.box{ width:400px; height:400px; /*-----IE8及以上浏览器-----*/ text-align:center; display:table-cell; vertical-align:middle; border:1px solid #40a211; /*-----低版本IE hack-----*/ *display:block; /*----字体大小=高度/1.14----*/ *font-size:350px; } .box img{ vertical-align:middle; }</style>具体解决方案是给图片设置给字体大小,这里有个公式,图片字体大小 = 容器的高度/1.4
- 实现未知尺寸的图片在固定区域内水平、垂直居中
- 未知尺寸图片在固定高度容器中的水平和垂直居中
- 纯css实现未知尺寸图片在DIV中垂直水平居中(超简单)
- 在固定尺寸的盒子,水平垂直居中不知宽高的图片
- 未知宽高图片的水平垂直居中
- 未知大小的图片在div中水平垂直居中(拒绝使用table-cell)
- 纯css实现div中未知尺寸图片的垂直居中
- 未知图片宽高水平垂直居中
- 未知图片宽高水平垂直居中
- 未知宽高的img在容器里实现水平垂直居中
- css实现未知高度水平垂直居中
- 使用纯CSS实现未知尺寸的图片(但高宽都小于200px)在200px的正方形容器中水平和垂直居中。
- 使用纯CSS实现未知尺寸的图片(但高宽都小于500px)在500px的正方形容器中水平和垂直居中。你有几种方法?
- 图片实现水平垂直居中
- 纯CSS实现图片水平垂直居中于DIV(图片未知宽高)
- 纯CSS实现图片水平垂直居中于DIV(图片未知宽高)
- 未知高度的图片在div设置垂直居中
- 未知高度的图片在div设置垂直居中
- zedboard--pc机的ubuntu安装Opencv(十七)
- nandflash驱动开发
- 关注
- 让Fedora 19支持ThinkPad鼠标中键和小红点实现滚轮效果
- Chapter 3: The C in C++ Creating functions
- 实现未知尺寸的图片在固定区域内水平、垂直居中
- 线程同步之互斥对象(通俗易懂)
- KL散度
- soj 3109
- JavaIO之复制目录
- linux系统时区设置
- HTML+CSS编写规范
- 类中使用get和set方法来控制成员变量,而不将成员变量的权限设为public的原因?
- 浅谈 JavaScript 编程语言的编码规范