макет с 3 столбцами без центрирования по вертикали div

#html #css

#HTML #css

Вопрос:

вот структура моего html

 <style>
  .left {
    float:left;
    width: 450px;
  }
  .center {
    float:left;
    width: 150px;
  }
  .right {
    float:right;
    width:450px;
  }
</style>
<div>
  <div class="left">
  </div>
  <div class="center">
    <a href="javascript:someOnclick();">Add</a>
  </div>
  <div class="right">
  </div>
</div>

Содержимое левого div представляет собой таблицу, загруженную через ajax. Что я хотел бы сделать, так это динамически размещать ссылку по вертикали (или чертовски близко), чтобы при загрузке таблицы и изменении высоты div моя ссылка перемещалась соответствующим образом. Я создал элемент управления представлением таблицы в этой таблице и на основе выбранного значения хочу использовать ссылку для заполнения правого столбца. Любая помощь будет оценена. Центральный div имеет фиксированную ширину, но высота, вероятно, заполнит содержащий div, чтобы обеспечить вертикальное центрирование.

Ответ №1:

 <style>Update
  .left {
    float:left;
    width: 450px;
  }
  .center {
    width: 150px;
    margin-left:auto;
    margin-right:auto;
  }
  .right {
    float:right;
    width:450px;
  }
</style>
<div>
  <div class="left">
  </div>
  <div class="center">
    <a href="javascript:someOnclick();">Add</a>
  </div>
  <div class="right">
  </div>
</div>

P.D: Не забудьте поставить галочку, спасибо: D

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

2. div или содержимое div?

3. A.Quiroga на самом деле может быть и то, и другое, я просто хочу, чтобы ссылки для заполнения правого div были в середине содержимого левого div, то есть по вертикали.

4. Извините, но с помощью css вы не можете центрировать div контейнера без использования Javascript или абсолютной позиции . Но текст можно поместить в div по горизонтали таким образом text-align:center;

5. да, я знал, что вы могли бы сделать это с помощью javascript, и это то, что я написал очень быстро, проверяя, быстро ли пришел ответ, соответствующий моей ситуации. мне не приходилось часто центрировать вертикально на протяжении многих лет, но каждый раз, когда я это делал, я помню, что мне хотелось рвать на себе волосы. РЕДАКТИРОВАТЬ: дал вам чек, потому что помог бит автоматического поля.