css - 内侧水平居中

Answer 1

您不能设置display: inline元素的尺寸。

display: block如果要显式设置其宽度，则可以同时拥有 a 和 span ：

.footer {position:absolute; bottom:0; width:100%;}
.footer a {display:block; background:orange;} /* no need to center text, here */
.footer a span {
  display: block; /* give it a box layout */
  margin: 0px auto; /* center it horizontally */
  width:100px; /* give it explicit absolute size */
  text-align: center; /* you might center the content here, though */
  background:#FFF; font-size:12px;}

或者只是text-align: center像你已经在做的那样使用：

.footer {position:absolute; bottom:0; width:100%;}
.footer a {display:block; background:orange; text-align:center;}
.footer a span {background:#FFF; font-size:12px;
  padding: 0px 30px;} /* if you only want some padding, and not a fixed width

Answer 2

尝试以下操作：-

.footer 跨度 {背景：#FFF; 字体大小：12px；宽度：50%；显示：块；边距：0 自动；}

“内部跨度”需要一个小于“外部”div（或页脚）的宽度以及一个边距：0 设置为自动对齐。

Answer 3

你可以做

<center> </center>

所以像这样，

<div class="footer">
<center>
 <a href="#">
      <span>Show/Hide</span>
 </a>
</center>
</div>