html div里表格怎样往右移动一点？

想要在html中将div里表格怎样往右移动一点，方法之一就是将div的内边距padding-left属性将其变大就可以实现表格往左移动了。以下是具体 *** 作步骤：

1、打开HTML文本编辑软件，新建一个HTML文件，并在HTML文件中添加HTML的基本标签元素。

2、基本元素添加完毕后在body标签中添加一个div元素，并在div元素中添加一个表格table元素。

3、接下来再div元素和表格table元里设置属性。其中核心代码是：padding-left：20px；表示表格距离左边20个px单位。

4、保存后运行结果：

想要达到在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">即可。

浏览效果如图：

1、<img src="" hspace="">这里的hspace指水平方向与其他元素的间隔，填个你想要的整数就行了，如果是竖直方向就用vspace，简单吧。

2、<img src="#" width="100" height="100" style=" margin-left:10px" />在图片代码里面加上margin属性。往右移就margin-left，往左移动就margin-right。

3、给图片加个class用相对定位做就可以了。例:<style type="text/css">.imgPlace{ position:relativetop:5pxleft:5px/*right:5pxbottom:5px*/}/*position:relative是相对定位的意思top是相对离上面的距离，left是相对离左面的距离，right是相对离右面的距离，bottom是相对离下面的距离，*/</style><img src="...." alt=" " title=" " class="imgPlace" />。

4、在table外面套个div，再调整div的位置。

---