HTML在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">即可。

浏览效果如图：

1、打开VisualStudioCode，选择文件夹，点击新建文本选项。

2、给新建的文件对象重命名，文件名以.html结尾，此处文件命名为img.html。

3、在代码块中编写代码文件，先插入文字代码，在输入图片代码。

4、右击代码空白处，在d出的选项卡中选择OpenInDefaultBrowser选项。更改完成后，在界面中显示图片在右，文字靠左的效果。

1、首先新建一个web项目，主要用到了html文件和css文件。

2、然后在html文件中，有图中的代码，引入css文件和设置一个div标签。

3、然后这里是css样式文件，主要看图中红框中内容，使用fixed定位方式。

4、运行项目后，可以看到div在右下角（为了模拟这里的body高度设置很高，足够滚动条下拉到底部的）。

5、然后滑动滚动条，即使到达底部后，div的位置依旧没有修改，就完成了。

---