Css,div内部的链接

web*_*ers 6 css

嘿那里,我怎么能像这样把我的链接集中?它们都在div内部居中,但它们从相同的距离开始.

i am link 1
i am a longer link than link 1
i am a short link
we are all centered in div
Run Code Online (Sandbox Code Playgroud)

如果我应用文本对齐:中心,我得到:

         i am link 1
i am a longer link than link 1
      i am a short link
   we are all centered in div
Run Code Online (Sandbox Code Playgroud)

谢谢;)

我有一张桌子

{锚}

链接需要以我的方式居中,每个链接都在自己的td中.不确定,可能

med*_*iev 22

如果您需要收缩包裹中心,请应用inline-block您想要居中的东西.然后text-align:center;在父母身上.

您可能需要为IE提供一种解决方法,但由于您尚未发布代码,因此我不会介绍它.


Ian*_*bee 6

将链接包装在另一个链接中<div style="width: 300px; margin: 0 auto;">以将它们组合在一起.

http://jsfiddle.net/NcEpe/1/

编辑动态宽度:http://matthewjamestaylor.com/blog/beautiful-css-centered-menus-no-hacks-full-cross-browser-support