Question

我相信我今天花了很多时间试图将这些超链接与我的页面中心对齐而没有运气。请帮助我作为注意工作，这些是由于某些原因左对齐我无法理解：

/* Custom links*/
.cmenu a { 
padding: 5px;
margin: 5px;
font-size: 14px; 
margin-left: auto;
margin-right: auto;
display: inline-block;
text-align:center;
}
.cmenu a:link { 
color: #0000Ea;
} 
.cmenu a:hover { 
color: #2e8acc; 
}

在HTML中，我有：

<p class="cmenu">
<a href="../home">Home </a>
<a href="../about">About Us</a>
<a href="../forums">Forums</a>
<a href="../contact">Contact</a>
</p>

请注意，我试过没有：

margin-left: auto;
margin-right: auto;

但它没有用。感谢您的帮助。

当我使用inspect元素时，我可以看到：

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0px;
    padding: 0px;
    border: 0px none;
    font-size: 100%;
    vertical-align: baseline;
}

如果我将代码text-align:center;添加到上面的代码（最后一个）。我会让他们集中。但我不能。我该怎么办？

Answer 1

将text-align应用于父元素：

p.cmenu { * only paragraphs with this class */
  text-align: center;
}

或

.cmenu { /* any element with this class */
  text-align: center;
}

p.cmenu {
  text-align: center;
}
.cmenu a {
  padding: 5px;
  margin: 5px;
  font-size: 14px;
}
.cmenu a:link {
  color: #0000Ea;
}
.cmenu a:hover {
  color: #2e8acc;
}

<p class="cmenu">
  <a href="../home">Home </a>
  <a href="../about">About Us</a>
  <a href="../forums">Forums</a>
  <a href="../contact">Contact</a>
</p>

Answer 2

public void newEnemy(){ Sprite newEnemy=Pools.obtain(Sprite.class); newEnemy.set(enemy); newEnemy.setPosition(200, 700); enemies.add(newEnemy); } public void update(){ deltaTime=Gdx.graphics.getDeltaTime(); timer+=1*deltaTime; timer2+=1*deltaTime; timer3+=1*deltaTime; if(timer>=random){ newEnemy(); //spawn a new enemy timer-=random; random=rTime.nextInt(3)*1f+1;//create random time if timer>= initial random time; }将始终应用于应用样式的容器的子项

text-align:center;

是您正在寻找的

Answer 3

margin auto永远不会居中内联块元素。这仅适用于块元素。在您的情况下，您需要将text-align：center应用于链接的父元素。

HTML中的超链接（wordpress）

3 个答案: