2、代码详情:<html><head><meta http-equiv=Content-Type c /><title>div向右移一定距离实例 www.thinkcss.com</title><style>.box-a,.box-b{width:200pxheight:100pxfloat:left}.box-a{ border:1px solid #00F}.box-b{ border:1px solid #F00}</style></head><body><div class=box-a>第一个(前者)div
想要达到在div里让表格往右移动一点,可以调整盒子的左边距大小,来达到向右移动的效果。
margin-left
属性设置元素的左外边距。
padding-left
属性设置元素左内边距。
这两种都是可以实现的,表格向右移动,具体使用看DIV而定。
如下,使用margin-left的代码为:
<DIV style="margin-left:500px"> <!--margin-left表示盒子外面的左边距,通过调整左边距的大小,来达到表格向右移动的效果。-->
<table width="200" border="1" >
<tr>
<td>FMFMFMFMFMFMFMFMFM</td>
<td>FMFMFMFMFMFMFMFMFM</td>
<td>FMFMFMFMFMFMFMFMFM</td>
</tr>
<tr>
<td>FMFMFMFMFMFMFMFMFM</td>
<td>FMFMFMFMFMFMFMFMFM</td>
<td>FMFMFMFMFMFMFMFMFM</td>
</tr>
</table>
</DIV>
</body>
</html>
如需使用padding-left,只需将<DIV
style="margin-left:500px">改为<DIV
style="padding-left:500px">即可。
浏览效果如图: