想要在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">即可。
浏览效果如图:
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)