Question

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

i am link 1
i am a longer link than link 1
i am a short link
we are all centered in div

如果我应用text align：center，我得到：

         i am link 1
i am a longer link than link 1
      i am a short link
   we are all centered in div

谢谢;）

我有一张桌子

{锚}

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

Answer 1

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

你可能需要为IE提供一种解决方法，但由于你没有发布代码，我不会进入。

Answer 2

将链接包裹在另一个<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

Answer 3

尝试text-align: left;

Answer 4

执行此操作：在中心对齐的div中嵌套左对齐的div。

<div style="text-align:center">
    <div style="text-align:left; width:300px;">
        Content<br />
        Longer Content<br />
        Really long Content<br />
        Content<br />
        Content
    </div>
</div>

增加：

各地的CSS爱好者会谴责我建议您可以用表替换内部div，这样就无需指定固定（或百分比）的宽度。

Css，div内部的链接

4 个答案: