<html>
<head>
<meta http-equiv="Content-Type" content="text/html charset=UTF-8">
<title>拖动DIV</title>
<style type="text/css">
div{
width:200px
height:200px
background-color:#cef
position:absolute
}
</style>
<script type="text/javascript">
function movestart(obj) {
var width=event.offsetX
var height=event.offsetY
document.onmousemove=function() {
obj.style.left=event.clientX-width+"px"
obj.style.top=event.clientY-height+"px"
}
}
function moveend() {
document.onmousemove=null
}
</script>
</head>
<body>
<div id="mydv" onmousedown="movestart(this)" onmouseup="moveend()">这个可以拖动</div>
</body>
</html>
想要在html中将div里表格怎样往右移动一点，方法之一就是将div的内边距padding-left属性将其变大就可以实现表格往左移动了。以下是具体 *** 作步骤：
1、打开HTML文本编辑软件，新建一个HTML文件，并在HTML文件中添加HTML的基本标签元素。
2、基本元素添加完毕后在body标签中添加一个div元素，并在div元素中添加一个表格table元素。
3、接下来再div元素和表格table元里设置属性。其中核心代码是：padding-left：20px；表示表格距离左边20个px单位。
4、保存后运行结果：
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）