纯html 图片定高定宽,裁剪无需后台代码
2015-07-01 19:02
399 查看
[code]<p class="image-container"> <img src="xxx.png"> </p>
[code]CSS: p.image-container { width: 100%; height: 0; padding-bottom: 60%; overflow: hidden; } p.image-container img { width: 100%; }
这样做图片保持原比例,但只显示上方 40%。
相关文章推荐
- HTML LOADING PAGE
- PC 端两端对齐 中间等分
- HTML 窗口分帧技术
- 【selenium】HTMLTestRunner测试报告生成
- TinyHtmlParser开源喽
- html中怎样让文本框里的值保 abc5 持不变且不能再此输入
- HTML里用如何包含引用另一个html文件
- XmlParser和HtmlParser
- 学习html(2)
- (HTML)写导航感悟
- html学习笔记
- html 自定义ScrollBar
- html的特质语义:微格式及其他(重点介绍其中两种)
- HTML
- HTML总结
- 用html自制map集合
- 使用正则进行客户端向service捕捉html数据
- (HTML)A标签伪元素选择器的继承关系
- Ajax+HTML+Controller(MVC模式下)实现文件异步上传
- HTmlTableTOExcel