Jump to content
  • 0

выровнять по вертикали


Justtie
 Share

Question

Всем привет, столкнулся с такой проблемой. Есть набор елементов li (их может быть от 1 до 6) имеют min-width. Эти элементы флоачены. Находятся они как и пологается в ul, который имеет ширину и высоту. Как выровнять li по вертикали (количество елементов варируется от 1 до 6). Пример можно посмотреть тут http://jsfiddle.net/s97vJ/

Link to comment
Share on other sites

11 answers to this question

Recommended Posts

  • 0

я бы использовал display:inline-block; вместо float и выровнять по вертикали как: top, middle, bottom?

если по топу, то вам явно не хватает места для всех элементов, если им можно в две строчки вставать и нужно выровнять посередине, то можно превратить ul в таблицу

Link to comment
Share on other sites

  • 0

я бы использовал display:inline-block; вместо float и выровнять по вертикали как: top, middle, bottom?

 

Не подходить, уже пробывал. Вот пример http://jsfiddle.net/RzKK3/1/

если по топу, то вам явно не хватает места для всех элементов, если им можно в две строчки вставать и нужно выровнять посередине, то можно превратить ul в таблицу

 

 http://jsfiddle.net/LHFku/ Не совсем то, мне нужно что б 3 элемент падал как бы на 2 строку при этом каждый элемент li имел  min-width

Link to comment
Share on other sites

  • 0

 

а какой у вас ДОМ?

Ul > li > a как показанно в примере выше

можно попробовать такhttp://jsfiddle.net/nvt3H/2/

Хорошая идея но если будет всего 3 li, то будет не поцентру

 

а li генерируется на сервере? если статические элементы, то можно посчитать высоту псевдоэлемента.

Link to comment
Share on other sites

  • 0

а какой у вас ДОМ?

Ul > li > a как показанно в примере выше

можно попробовать такhttp://jsfiddle.net/nvt3H/2/

Хорошая идея но если будет всего 3 li, то будет не поцентру

а li генерируется на сервере? если статические элементы, то можно посчитать высоту псевдоэлемента.

Li вбиваются вручную, просто есть правило (их может быть от 1 до 6). Тоисть по сути 1 или 2 строки

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy