Question

我尝试过对齐，位置和其他人。无法找到此问题，因为我会找到与此讨论<div>“函数”相关的主题，但我需要div{}的解决方案

这是我的代码：

div{background-color: White;    opacity:0.7;    width: 380px;    height: 325px;}

那么我如何将它定位在特定的位置，甚至使用简单的关键字，如对齐中心等。我曾尝试align:center;和position:center;（出于好奇），但没有人做过我认为会做的事情。那我该怎么办？

Answer 1

有很多方法，你可以创建另一个类.main-container，并通过边距定位

.main-container
{
margin-left:200px;
}

现在在html中将你的div写在maincontainer类中，如

<div class="main-container">
{
<div class="your class here">

your data
</div>
</div>

你也可以使用保证金，更多信息谷歌...

这是应用和理解的最简单方法，希望它能解决问题......

Answer 2

您可以尝试使用position，top和left将div放在任何地方。像这样：

div{
    background-color: #000; 
    opacity:0.7; 
    width: 380px; 
    height: 325px; 
    position: relative; 
    top: 200px; 
    left: 300px;
}

如果你想让你的div居中，你也可以玩边缘：

margin: 0px auto;

Answer 3

你想把div放在中心吗？根据你的最后一句话：“align：center; and position：center;”这听起来像是什么。因为你已经定义了一个宽度，并且假设其他样式没有干扰，所以应该使你的div居中:(注意边距）

div { background-color: White; opacity:0.7; width: 380px; height: 325px; margin:0 auto; }

否则，如果您尝试将div置于其他位置，请搜索绝对位置和静态位置。

Answer 4

试试这个：

.My_div {
position: absolute;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%);
}

以下是一些例子！ http://www.w3.org/Style/Examples/007/center.en.html#vertical

如何使用HTML定位div“box”

4 个答案: