Как выровнять по вертикали таблицу внутри div

Question

У меня есть фоновый div с заданными размерами, который включает в себя элемент таблицы.

Я ищу способ расположить таблицу в середине слева от div.Слева легко, посередине я не могу добраться до работы.Вот что у меня есть:

HTML

 <div id="background">
      <table>
        //... stuff 
      </table>
 </div>

CSS:

 #background {
      height: 1000px;
      width: 1000px;
      text-align: left;
      }

Может кто-нибудь сказать мне, как выровнять таблицу по вертикали?

Answer 1

Just position: относительно таблицы внутри div и дать ему вершину: 50%, а left: 50%.

Вы можете взять левую и просто использовать top

http://jsfiddle.net/EZk3T/1/

Answer 2

Div обычно не позволяют вертикальное выравнивание. Единственный вариант - заставить его работать как ячейка таблицы или сделать что-то вроде поля / отступа, которое будет выглядеть так, будто ваша таблица выровнена вертикально.

Answer 3

Использование top: 50% не поместит его в середину, вам придется использовать calc, но для этого потребуется фиксированная высота, и мне никогда не получится использовать top: для справки в будущем, если вы хотите выровнять затем по горизонтали используйте этот пример:

width: 300px;
left: calc (50% - 150PX)

Значение - 150px эквивалентно половине ширины.