HTML在div里怎样让表格往右移动一点_随笔

想要达到在div里让表格往右移动一点，可以调整盒子的左边距大小，来达到向右移动的效果。

margin-left

属性设置元素的左外边距。

padding-left

属性设置元素左内边距。

这两种都是可以实现的，表格向右移动，具体使用看DIV而定。

如下，使用margin-left的代码为：

<tr>

<td>FMFMFMFMFMFMFMFMFM</td>

</tr>

<tr>

<td>FMFMFMFMFMFMFMFMFM</td>

</tr>

</table>

</DIV>

</body>

</html>

如需使用padding-left，只需将<DIV

style="margin-left:500px">改为<DIV

style="padding-left:500px">即可。

浏览效果如图：

1；DIV和表格布局局限性很多，但是用到表格的时候还是必须要用。

2；现在用的最多的是DIV+CSS来布局，发展的需要，更加灵活多变，代码更整洁清晰。

3；DIV嵌套DIV<div>。

</div>

4；DIV嵌套表格。

<table>

<tr>

<td>

</td>

</tr>

</table>

</div>

5；根据自己的需要选择何时的搭配这才是最重要的。

6；自己没事的时候可以多练习一下。

1、首先打开vscode编辑器，新建一个html文档，里面写入一个外层的div，再加入一行table表格：

2、然后在上方的style标签中加入css样式，设置table标签的样式，table的元素具有长度自适应性，其长度根据其内文本长度决定，只要设置margin属性，让左右设置为auto就回自动分配剩余空间，也就是元素两侧的区域各占50%，那么元素就左右居中了：

3、最后打开浏览器就可以看到居中的一行表格了：

欢迎分享，转载请注明来源：内存溢出

HTML在div里怎样让表格往右移动一点