2010-08-03 65 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