2010-08-03 66 views
5

嘿那里,我怎么可以像这样我的链接居中?他们都是以div为中心,但他们从相同的距离开始。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 

如果我申请文本对齐:中心,我得到:

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

谢谢;)

我有一个表

{锚}

链接需要以我的方式为中心,每个人都有自己的td。不知道它的,可能

+1

请包括完整的演示?你在寻找收缩包裹的中心吗?如果这样使用'inline-block'。 – 2010-08-03 17:54:57

+0

你可以发布完整的HTML吗? – 2010-08-05 15:58:58

回答

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

+0

想到这一点,但我不能使用固定宽度 – webmasters 2010-08-03 18:07:37

+0

在这里查看动态宽度:http://matthewjamestaylor.com/blog/beautiful-css-centered-menus-no-hacks-full-cross-browser-support – 2010-08-03 18:11:45

0

尝试text-align: left;

+0

是的,但我需要中心所有的链接里面的div – webmasters 2010-08-03 17:56:28

+0

我有一个div,我需要的链接要居中,但他们都像第一个订单 – webmasters 2010-08-03 17:57:14

0

这样做:窝在中央对齐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。

20

如果需要shrinkwrapped中心,适用于想要为中心的东西inline-block。然后在母公司上text-align:center;

你可能需要为IE做一个解决方法,但是因为你还没有发布代码,所以我不会介绍它。

+0

这应该是正确的答案。 – nhkhanh 2016-11-24 07:33:17