11智能在线
新记
有几张高度不一样的小图片,如何用html+css实现在同一行垂直居中对齐?
如题所述
举报该文章
相关建议 2016-02-29
同一行的话 你说的不是很清楚 图片高度一致的情况下可以做到垂直居中
所有图片高度保持一致
样式:
height:50px;代表所有图片高度一致
width:auto;代表图片长宽比保持不变
margin:15px 5px 15px 5px;上右下左距离
外层div指定一个高度 height:80px;
垂直居中还有一种样式
首先声明
line-height:80px;
然后
vertical-align:center;
可以实现垂直居中
温馨提示:内容为网友见解,仅供参考
当前网址:
https://11.t2y.org/zz/pq44f2p8vmqmsfm47p7.html
其他看法
第1个回答 2016-02-29
给图片外围的div盒子给这两个属性(display:table-cell; vertical-align:middle;)就行,图片img不用给任何属性。
第2个回答 2016-02-28
可以试试vertical-align:middle;
第3个回答 2018-02-02
最后vertical-align的属性值应该是middle
第4个回答 2016-02-29
在图片标签里面设置元素class 然后再css 里面设置就行。
相似回答
大家正在搜
相关问题
CSS问题,图片和文字在一行,怎么让图片垂直居中?
HTML CSS中如何实现DIV中的图片水平垂直居中对齐
HTML CSS中如何实现DIV中的图片水平垂直居中对齐?
css中div中两个行内标签,字体大小不一样,如何让两个都垂...
div+css 怎么让一个小div在另一个大div里面 垂直...
如何让div中的图片垂直居中对齐?
如何让div中的图片垂直居中对齐?
css html 如何将图片img标签 水平居中 垂直居中 ...