Question

我试图移动桌子，但我做不到。我想移动div里面的表。但我只能将桌子移到左/右。我希望桌子是免费的。我的错是什么？我错过了什么？也许我的造型错了？请帮我解决这个问题。

以下是代码：

/*Imports*/
@import url('https://fonts.googleapis.com/css?family=Ubuntu');

body{
	background-color: #21ff00;
	margin: 0;
	padding: 0;
}

.division1 td{
	padding: 5px;
	border: 2px solid #000;
	color: #fff;
}

.division1{
	width: 100%;
	height: 500px;
	margin: 0;
	padding: 0;
	background-color: #fff;
}

.division1 table{
	width: 380px;
	height: 380px;
	border: 1px solid #000;
	margin: 35px 28px;
	border-collapse: collapse;
	text-align: center;
	background-color: #0f6bff;
	font-family: 'Ubuntu', sans-serif;
}

<!DOCTYPE html>
<html>
<head>
	<title>Mirashraf</title>
	<link rel="stylesheet" href="style.css">
</head>
<body>

	

	<div class="division1">

		<table border="1">
		<tr>
			<td><b>Name</b></td>
			<td><b>Price</b></td>
		</tr>

		<tr>
			<td>MacBook</td>
			<td>$999.99</td>
		</tr>

		<tr>
			<td>iPhone</td>
			<td>$499.99</td>
		</tr>

		<tr>
			<td>iPad Pro</td>
			<td>$649.99</td>
		</tr>

		<tr>
			<td>Apple Watch</td>
			<td>$1199.99</td>
		</tr>
	</table>

	</div>

</body>
</html>

请帮助我。

感谢所有人。

Answer 1

您可以将div设置为绝对位置并将其放置在您喜欢的任何位置。

＆＃13;

.division1{
	width: 100%;
	height: 500px;
	margin: 0;
	padding: 0;
    background-color: #fff;
    position: absolute;
    top: 35%;

}

＆＃13;

Answer 2

请将边距分割为4个参数，如下边距：toppx rightpx bottompx leftpx，下方css会将表格移动到屏幕中心

.division1 table {
    width: 380px;
    height: 380px;
    border: 1px solid #000;
    margin: 50px 28px 41px 40%;
    border-collapse: collapse;
    text-align: center;
    background-color: #0f6bff;
    font-family: 'Ubuntu', sans-serif;
}

Answer 3

如果您希望表格居中，则需要在CSS的CSS中设置margin-left：auto，margin-right：auto。假设您的表格具有宽度，它就是这样。

如果你的意思是想要拖动桌子，那就是一个完全不同的问题。

无法在div（容器）中移动我的表

3 个答案: