Html 分区中心不工作

我已经尝试过用边距、表格样式和引导css来修复它，但它不起作用

我需要A标签在标签行概览div中居中，并做出响应

HTML

---

将

display:block

和

text align:center

应用于div可以实现以下功能：

。标签行概述a{
颜色：#FFF；
背景色：#12a19b；
填充：10px；
显示：内联块；
保证金：5px；
溢出：隐藏；
}
.标签行概述{
显示：块；
文本对齐：居中；
}

当然，您不必将宽度设置为50%。任何小于包含宽度的宽度都可以使用。余量：0自动是实际对中的作用

如果您的目标是IE8+，那么最好改为：

#inner {
  display: table;
  margin: 0 auto;
}

它将使内部元素水平居中，并且在不设置特定宽度的情况下工作

如果不想在内部div上设置固定宽度，可以执行以下操作：

    #outer {
      width: 100%;
      text-align: center;
    }

   #inner {
      display: inline-block;
   }

    <div id="outer">  
        <div id="inner">Foo foo</div>
    </div>

#外部{
宽度：100%；
文本对齐：居中；
}
#内在的{
显示：内联块；
}
福福

您的

a

标记自然与文本对齐，因为它们不是块元素，因此在其父容器上使用

text align:center

可以解决这种情况下的问题

。标签行概述{
文本对齐：居中；
}
.标签行概述a{
颜色：#FFF；
背景色：#12a19b；
填充：10px；
显示：内联块；
保证金：5px；
溢出：隐藏；
}

<div id="outer" style="width:100%">
  <div id="inner">Foo foo</div>
</div>

#inner {
  width: 50%;
  margin: 0 auto;
}

#inner {
  display: table;
  margin: 0 auto;
}

    #outer {
      width: 100%;
      text-align: center;
    }

   #inner {
      display: inline-block;
   }

    <div id="outer">  
        <div id="inner">Foo foo</div>
    </div>