用bootstrap的媒体对象做下面的页面,要求图片在手机上能自适应(注:我下面的代码是用固定的长和宽的) 50
<divclass="media"style="border-top:1pxsolid#999999;border-bottom:1pxsolid#999999"><br...
<div class="media" style="border-top:1px solid #999999;border-bottom:1px solid #999999 ">
<br>
<a class="media-left" href="#">
<img height="120" width="64" src="__TMPL__Public/images/goods5.jpg" alt="First slide">
</a>
<div class="media-body">
<table width="auto" style="table-layout:fixed;">
<tr height="30">
<td width="50%" style="padding-right:1cm;">藏蓝色经典时尚长袖针织衫</td>
<td width="30%" >¥495</td>
</tr>
<tr height="30">
<td style="padding-right: 1cm">[汤美费格Tommy]</td>
<td>¥900</td>
</tr>
<tr height="30">
<td style="padding-right:1cm;">尺码:L</td>
<td></td>
</tr>
<tr height="30">
<td style="padding-right:1cm;">
<div class="input-group">
<span class="input-group-btn">
<button class="btn btn-default" type="button">-</button>
</span>
<input type="text" class="form-control" style=" text-align:center" size="1" value="1">
<span class="input-group-btn">
<button class="btn btn-default" type="button">+</button>
</span>
</div>
</td>
<td>
<a href="#"><i class="glyphicon glyphicon-remove-circle"></i></a>
</td>
</tr>
</table>
<br>
</div>
</div> 展开
<br>
<a class="media-left" href="#">
<img height="120" width="64" src="__TMPL__Public/images/goods5.jpg" alt="First slide">
</a>
<div class="media-body">
<table width="auto" style="table-layout:fixed;">
<tr height="30">
<td width="50%" style="padding-right:1cm;">藏蓝色经典时尚长袖针织衫</td>
<td width="30%" >¥495</td>
</tr>
<tr height="30">
<td style="padding-right: 1cm">[汤美费格Tommy]</td>
<td>¥900</td>
</tr>
<tr height="30">
<td style="padding-right:1cm;">尺码:L</td>
<td></td>
</tr>
<tr height="30">
<td style="padding-right:1cm;">
<div class="input-group">
<span class="input-group-btn">
<button class="btn btn-default" type="button">-</button>
</span>
<input type="text" class="form-control" style=" text-align:center" size="1" value="1">
<span class="input-group-btn">
<button class="btn btn-default" type="button">+</button>
</span>
</div>
</td>
<td>
<a href="#"><i class="glyphicon glyphicon-remove-circle"></i></a>
</td>
</tr>
</table>
<br>
</div>
</div> 展开
- 你的回答被采纳后将获得:
- 系统奖励15(财富值+成长值)+难题奖励10(财富值+成长值)+提问者悬赏50(财富值+成长值)
1个回答
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询