Javascript W3中的可悬停下拉菜单示例

我使用了w3的例子

.dropbtn{
背景色：#4CAF50；
颜色：白色；
填充：16px；
字体大小：16px；
边界：无；
光标：指针；
文本对齐：居中；
}
.下拉列表{
位置：相对位置；
显示：内联块；
}
.下拉内容{
显示：无；
位置：绝对位置；
背景色：#f9f9f9；
最小宽度：160px；
盒影：0px 8px 16px 0px rgba（0,0,0,0.2）；
z指数：1；
}
.下拉内容a{
颜色：黑色；
填充：12px 16px；
文字装饰：无；
显示：块；
}
.下拉内容a:悬停{背景色：#f1f1}
.下拉：悬停.下拉内容{
显示：块；
}
.dropdown:悬停.dropbtn{
背景色：#3e8e41；
}

如果要使用margin:0 auto将某个元素居中，则应同时定义宽度和显示：块

.centercontent{
     width: 500px;
     display:block; 
     margin: 0 auto;
  }

---

要居中div，只需给它一个宽度和边距：auto-it-work添加一个小提琴预览不起作用