如何在HTML/CSS中居中放置手风琴

手风琴 { 背景色：eee； 颜色：444； 光标：指针； 填充：10px； 宽度：12%； 文本对齐：中间对齐； 边界：无； 大纲：无； 字体大小：15px； 过渡：0.4s； } 按钮。手风琴。激活，按钮。手风琴：悬停{ 背景色：ddd； } 分区小组{ 填充：0 10px； 背景色：白色； 最大高度：0； 溢出：隐藏； 过渡段：最大高度0.2s放松； } 含酒精饮料 单击按钮打开信息

啤酒 啤酒

葡萄酒 酒

威士忌 智慧

var acc=document.getElementsByClassNameaccordion； var i； 对于i=0；i我加了一个容器，里面装着你所有的手风琴。这是现在居中的项目

.container{
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  width: 12%;
  }

我还将其宽度设置为12%，手风琴设置为100%，这反过来又将继承为12%

var acc=document.getElementsByClassNameaccordion； var i； 对于i=0；i 啤酒 啤酒

葡萄酒 酒

威士忌 智慧

---

只需将所有内容放在一个div中，并使用文本居中对齐即可

<div class="container" style="text-align:center;">
    <!-- Here is your accordion -->
</div>

---

这是你的代码

请粘贴您的代码，而不是使用屏幕截图，并向我们显示html，这只是css。请尝试在父accordion类中使用文本对齐：居中而不是文本对齐：居中。虽然没有看到你的HTML，但是你不可能知道它们在哪里以及如何被应用。对不起，但是在元素中放置h1和p，以及在这里发布关于不能将按钮居中的消息之间发生了什么？我也希望看到元素中的按钮！即使这样，也会奏效的。虽然不推荐，但它会起作用的。