温馨提示：这篇文章已超过287天没有更新，请注意相关的内容是否还可用！
按钮在div中水平居中，可以使用以下方法实现：
需要使用CSS来设置div的样式，使其具有居中的效果。可以使用flex布局来实现水平居中。通过设置div的display属性为flex，再使用justify-content属性设置为center，即可使div中的内容水平居中。
示例代码如下：
<!DOCTYPE html>
<html>
<head>
<style>
.container {
display: flex;
justify-content: center;
}
</style>
</head>
<body>
<div class="dddb-3770-7faf-0b69 container">
<button>按钮</button>
</div>
</body>
</html>
以上代码中，我们创建了一个名为container的class，然后将这个class应用到div元素上。通过设置display为flex，div中的内容会自动水平居中。
接下来，我们需要实现按钮控制div的显示和隐藏。可以使用JavaScript来实现这个功能。我们给按钮添加一个点击事件的监听器，当按钮被点击时，我们可以通过修改div的样式来控制其显示或隐藏。
示例代码如下：
<!DOCTYPE html>
<html>
<head>
<style>
.container {
display: flex;
justify-content: center;
}
</style>
<script>
function toggleDiv() {
var div = document.getElementById("myDiv");
if (div.style.display === "none") {
div.style.display = "block";
} else {
div.style.display = "none";
}
}
</script>
</head>
<body>
<button onclick="toggleDiv()">点击按钮控制显示和隐藏</button>
<div id="myDiv" class="61d8-cb8d-b3cd-8c09 container">
<button>按钮</button>
</div>
</body>
</html>
以上代码中，我们给按钮添加了一个onclick事件，当按钮被点击时，会调用toggleDiv函数。toggleDiv函数首先获取到id为myDiv的div元素，然后通过判断div的display属性来控制其显示或隐藏。如果div的display属性为none，则设置为block，即显示div；如果display属性为block，则设置为none，即隐藏div。
通过以上的代码，我们实现了按钮在div中水平居中，并且可以通过按钮控制div的显示和隐藏。这种方法可以应用于各种网页开发场景中，例如弹出框、下拉菜单等。
