Css, центрирующие ссылки внутри div

Эй, как я могу сосредоточить свои ссылки так? Все они сосредоточены внутри 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

Спасибо;)

У меня есть таблица

{якорь}

ссылки нужно сосредоточиться на моем пути, каждый в своем собственном тд. Не уверен, что его, возможно

источник

2010-08-03 webmasters

Просьба включить полную демоверсию? Вы ищете центрирование с термоусадочной пленкой? Если так, используйте 'inline-block'. –

можете ли вы разместить полный HTML-код? –

Оберните ссылки другим <div style="width: 300px; margin: 0 auto;">, чтобы сгруппировать их вместе.

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

Edit для динамических ширин: http://matthewjamestaylor.com/blog/beautiful-css-centered-menus-no-hacks-full-cross-browser-support

источник

2010-08-03 17:58:28

думали об этом сами, но я не могу использовать фиксированную ширину – webmasters

См. Здесь для динамической ширины: http://matthewjamestaylor.com/blog/beautiful-css-centered-menus-no-hacks-full-cross-browser-support –

Попробуйте text-align: left;

источник

2010-08-03 17:54:32

да, но мне нужно сосредоточить все ссылки внутри div – webmasters

У меня есть div, и мне нужны ссылки, которые будут центрированы, но все они будут как в первом порядке – webmasters

ли это: гнездо левого выровнена ДИВ в центре выровненных дел.

<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 с таблицей, которая избавляя от необходимости указывать фиксированный (или процент) ширину.

источник

2010-08-03 17:58:14 kbrimington

Если вам нужно Shrinkwrapped центрирование, применять inline-block на вещи, которые вы хотите в центре. Затем text-align:center; на родительском.

Возможно, вам понадобится обходной путь для IE, но поскольку у вас нет кода, я не буду вникать в это.

источник

2010-08-03 18:25:23

Это должен быть правильный ответ. – nhkhanh

Css, центрирующие ссылки внутри div

ответ

Смежные вопросы