[CSS]--文字显示在图片下面，且多个图片显示在同一行，文字超长时用省略号替代

<style>
.card_s{
clear:both;
float:left;
}

.row{
width:100%;
clear:both;
margin-right:auto;
margin-left:auto;
}

.p_show {
display:inline;
margin-right:1px;
float:left;
}
.a_text{
width:70px;
height:20px;
text-decoration: underline;
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
clear:both;
}
.img_text {
float:left;
width:80px;
height:64px;
}
</style>

<p class="row">
<p class="p_show">
<img src="image.wap?mi=Mjc2NzU1NTQwMzM1&t=0&public=true&from=channel" class="img_text" />
<a href='channel.wap?call=channelPlay&username=ZGRkZA==&mediaId=88' class="a_text" alt="test">
f1hdd3dddd1ddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd
ddddddddddddddddddddddddddddddddddddddddddddddddddddddddd
</a>
</p>
<p class="p_show">
<img src="image.wap?mi=Mjc0OTAzMzM2NzA1&t=0&public=true&from=channel" class="img_text" />
<a href='channel.wap?call=channelPlay&username=ZGRkZA==&mediaId=132' class="a_text">照片003</a>
</p>
<p class="p_show">
<img src="image.wap?mi=Mjc2ODIzNDM4NzA3&t=0&public=true&from=channel" class="img_text" />
<a href='channel.wap?call=channelPlay&username=ZGRkZA==&mediaId=96' class="a_text">15826230</a>
</p>
<p class="p_show">
<img src="image.wap?mi=Mjc2NzA1MTQzNDA0&t=0&public=true&from=channel" class="img_text" />
<a href='channel.wap?call=channelPlay&username=ZGRkZA==&mediaId=94' class="a_text">10</a>
</p>
</p>