如图所示.购物车td包括产品数量和总金额.白色购物车和所有红色部分是一个背景图片.
白色购物车中的2或13是产品数量.USD100或USD25000是总金额.因为数量和金额都是变量.不好统一设置对齐方式.
如何能实现不管两个变量是多少位数的情况下都能达到图片所示效果?
表格里放两个div,可以用浮动,也可以设置inline-block,然后设置宽度分别为40%,60%,或者设置px,最后div中设置text-align:center
可以通过php完成
html版
<table>
<tr style="background-color:Your_color">
<!--Your_color这里替换成你所要的orange-->
<td><img src="path_of_you_image"></td>
<td>$money</td>
<!--如需空格请使用  -->
</tr>
</table>
php版
<?php
$money="some money";
echo <<<EOF
<table>
<tr style="background-color:Your_color">
<!--Your_color这里替换成你所要的orange-->
<td><img src="path_of_you_image"></td>
<td>$money</td>
</tr>
</table>
EOF;
?>