想要达到在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">即可。
浏览效果如图:
你可以利用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 可以呈现出不同的布局 相当牛了
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)