Как я центрирую (вертикально и горизонтально) кнопки в теге Div?

Помогло бы, были ли Вы немного более описательными в том, что Вы пытаетесь сделать. При попытке генерировать разбитые на страницы данные, существуют некоторые опции в том, как Вы делаете это. Можно генерировать отдельные ссылки для каждой страницы, до которой Вы хотите смочь добраться непосредственно.

<a href='/path-to-page?page=1' class='pager-link'>1</a>
<a href='/path-to-page?page=2' class='pager-link'>2</a>
<span class='pager-link current-page'>3</a>
...

Примечание, что текущая страница в примере обрабатывается по-другому в коде и с CSS.

, Если бы Вы хотите, чтобы разбитые на страницы данные были изменены через Ajax, это - то, где jQuery вошел бы. То, что Вы сделали бы, добавляет обработчик щелчков к каждому из тегов привязки, соответствующих различной странице. Этот обработчик щелчков вызвал бы некоторый код jQuery, который идет и выбирает следующую страницу через Ajax и обновляет таблицу новыми данными. Пример ниже предполагает, что у Вас есть веб-сервис, который возвращает новые данные страницы.

$(document).ready( function() {
    $('a.pager-link').click( function() {
        var page = $(this).attr('href').split(/\?/)[1];
        $.ajax({
            type: 'POST',
            url: '/path-to-service',
            data: page,
            success: function(content) {
               $('#myTable').html(content);  // replace
            }
        });
        return false; // to stop link
    });
});
20
задан jsteele 18 August 2009 в 11:33
поделиться

3 ответа

установить поля вокруг объекта на занять остальное пространство. Если вы хотите центрировать div размером 50 на 50 пикселей в div размером 100 на 100 пикселей, тогда вы установите маржу 25 пикселей вокруг 50 пикселей.

17
ответ дан 30 November 2019 в 00:52
поделиться

Вертикальное центрирование в CSS

Вы можете центрировать текст по горизонтали, используя

text-align: center;
0
ответ дан 30 November 2019 в 00:52
поделиться

Установите элементы внутри вашего div следующим образом:

margin: 0px auto 0px auto; text-align: center;

<div class="listBoxMoverUserControl_column1" style="margin: 0px auto 0px auto; text-align: center;">

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

9
ответ дан 30 November 2019 в 00:52
поделиться