手机上显示

<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″ />
</head>

 

css样式
<style>
#testDiv{
display: flex;
width: auto;
overflow: auto;
max-height: 99px;
padding: 0 .5rem;
}
#testDiv img{
height: 100%;
width: 160px;
max-width: 160px;
max-height: 99px;
display: inline-block;
float: none;
}
</style>

html代码
<div id=”testDiv”>
<img src=”1.png” alt=””>
<img src=”2.png” alt=””>
<img src=”3.png” alt=””>
<img src=”4.png” alt=””>
<img src=”5.png” alt=””>
</div>

效果图

 

版权声明：本文为jj0219原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/jj0219/p/10406012.html