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

HTML在div里怎样让表格往右移动一点,第1张

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

浏览效果如图:

HTML中移动表单的位置需要使用vertical-align:middle还要指定行高 line-height:代码如下<tr><td style=" width:148pxheight:28pxfont-family:微软雅黑font-weight:100font-size:12pxvertical-align:middleline-height:28px" ><span><img src="images/与我相关1.jpg" border=1px></span><font >与我相关</font></td></tr>

你可以利用CSS来移动表格位置 例如:

<head>

<style type="text/css">

div{

float:left

margin:0 15px/* 这个15px就是对于表格左右留出15像素的空间 */

}

</style>

</head>

<body>

<div>

<table>

*************

</table>

</body>

另外建议楼主学习一下CSS CSS布局是大势所趋 以后搞网站都要用的 另外给你介绍一个CSS比较有名的网站 禅意花园 http://www.csszengarden.com/ 这个网站的所有实例都是利用的同一个HTML文档 但是利用不同的CSS 可以呈现出不同的布局 相当牛了


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7238203.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-03
下一篇 2023-04-03

发表评论

登录后才能评论

评论列表(0条)

保存