文档章节

图片父容器高度不定的图片垂直居中

o
 osc_mervd488
发布于 2018/04/24 14:23
字数 122
阅读 9
收藏 0

精选30+云产品,助力企业轻松上云!>>>

简单粗暴,直接上代码:
代码结构:<dl><dt><a href="https://mdeen.tidebuy.com/mode/13192123.html"><img src="https://ssde.tidebuy.com/m/13192123_7.jpg" alt="" /></a></dt></dl>
css:  图片父级a标签设置 a {display:block; position:relative}   然后还需要给a元素添加一个伪类  a:after{content:" "; display:block; padding-top:133.33%;}
img需要设置的css属性
 img{
position:absolute;
top:50%;
left:0;  
-webkit-transform: translateY(-50%);
 -moz-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
 transform: translateY(-50%);}
真的很好用,嘻嘻! 
o
粉丝 0
博文 500
码字总数 0
作品 0
私信 提问
加载中
请先登录后再评论。

暂无文章

在C#中,公共,私有,受保护和没有访问修饰符之间有什么区别?

问题: All my college years I have been using public , and would like to know the difference between public , private , and protected ? 在我上大学的所有学年中,我一直都在使用pub......

法国红酒甜
18分钟前
5
0
unity的UGUI之中锚点(Anchors)和中心点(Pivot)、Shift和Alt键功能

在UGUI的控件属性之中,最上方的Rect Transform一栏可以看到锚点和中心点: 锚点Anchors 控件用于定位自身的基准点 可以点击左上角的方框,在其中选择锚点的不同方式: 注意图中,黄色的小点...

路过暴风
今天
7
0
如何将div放置在其容器的底部? - How can I position my div at the bottom of its container?

问题: Given the following HTML: 鉴于以下HTML: <div id="container"> <!-- Other elements here --> <div id="copyright"> Copyright Foo web designs </div> </div> I would like #cop......

富含淀粉
今天
10
0
学习编写编译器[关闭] - Learning to write a compiler [closed]

问题: Preferred languages : C/C++, Java, and Ruby. 首选语言 :C / C ++,Java和Ruby。 I am looking for some helpful books/tutorials on how to write your own compiler simply for......

技术盛宴
今天
17
0
OSChina 周一乱弹 —— 毛巾又怎么样?!我在乎的是大姐姐温柔的怀抱!

Osc乱弹歌单(2020)请戳(这里) 【今日歌曲】 @薛定谔的兄弟 :分享洛神有语创建的歌单「我喜欢的音乐」: 《雨 因你而下,于你而止》- Seto 手机党少年们想听歌,请使劲儿戳(这里) @Dan...

小小编辑
今天
54
2

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部