CSS-同一个li下,图片和文字一起,如何使得全部垂直居中
2017-09-04 19:13
609 查看
HTML代码
<ul class="wrapper"><li>
<img src="../../../assets/top_view1.png" alt="THE CATIC FOREST CASE"/>
<span class="desc">THE CATIC FOREST CASE</span>
<span class="view">899浏览量</span>
</li>
</ul>
css代码
li {background-color: orange;
width: 100%;
height: 56px;
line-height: 56px;
li img {
vertical-align: middle;
}
.desc {
opa
4000
city:0.8;
font-size:12px;
color:#333333;
vertical-align: middle;
margin-left: 10px;
}
.view {
opacity:0.8;
font-size:12px;
color:#333333;
letter-spacing:0;
vertical-align: middle;
float: right;
}
效果
相关文章推荐
- CSS-同一个li下,图片和文字一起,如何使得全部垂直居中
- CSS-同一个li下,图片和文字一起,如何使得全部垂直居中
- 用CSS如何实现单行图片与文字垂直居中
- 小技巧:用CSS如何实现单行图片与文字垂直居中
- 小技巧:用CSS如何实现单行图片与文字垂直居中
- 摘抄:CSS如何实现单行图片与文字垂直居中
- 纯CSS如何让图片以及DIV垂直居中显示?
- css如何让文字水平垂直居中
- div+css中如何让图片垂直居中显示
- DIV+CSS如何让文字垂直居中?
- css如何让文本框中的输入的文字始终垂直居中
- css 图片和文字同时垂直居中
- DIV+CSS如何让文字垂直居中?
- 如何让图片或文字垂直居中于div层
- css垂直居中怎么设置?文字上下居中和图片垂直居中
- 纯css实现文字及图片水平垂直居中
- CSS实现文字或图片等元素垂直、水平、绝对定位居中技术
- DIV+CSS如何让文字垂直居中?
- css实现多行文字与图片垂直水平居中