Как к вертикали выравнивают текст?

  1. ограничения являются аппаратными ограничениями - существует 4 МБ RAM, 3D аппаратные средства могут обработать X уловок на кадр и так далее. Кроме этого, это - просто набор аппаратных средств, что можно сделать то, с чем Вы хотите. Набор инструментальных средств поддерживает C/C++ и ассемблер (ARM).

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

  3. не имеют того самостоятельно, таким образом, я предполагаю просто проверку здесь . Хорошие взгляды все же.
    Редактирование: единственная гнида я выбрал бы с ним, то, что Вы будете подкачивать SD-карту между ПК и NDS много, тогда как корзина со встроенным гнездом USB дала бы Вам немного более быстрый благоприятный поворот.

  4. лучшие ресурсы являются libnds примерами, и затем gbadev форумы .

13
задан vonmangle 5 May 2012 в 10:08
поделиться

6 ответов

Ячейки таблицы - самое простое решение.

Альтернативой является Javascript (измерьте размер и размер текста блока div, затем отрегулируйте отступы, высоту строки или что-то еще).

edit : Или этот замечательный css:

CSS

div#container {
    border: solid 1px;
    height: 300px;
}

div#content {
    border: solid 1px;
}

div#balance {
    border: solid 1px;
    /* gotta be 100% */
    height: 100%;
}

div.valign {
    /* firefox 2 */
    display: -moz-inline-box;
    /* everybody else */
    display: inline-block;

    vertical-align: middle;
}

/* IE 6 and 7 hack */
html* div.valign {
    display: inline;
}

HTML

<div id="container">
    <div id="balance" class="valign"></div>
    <div id="content" class="valign">
        Blah blah blah blah<br/>
        Blah blah blah blah<br/>
        Blah blah blah blah<br/>
        Blah blah blah blah<br/>
        Blah blah blah blah
    </div>
</div>

Некоторое время хотел написать об этом в блоге, думаю, пора.

12
ответ дан 1 December 2019 в 18:55
поделиться

Я знаю, что это испортит мою репутацию, но ... используйте ячейку таблицы. Любое кроссбраузерное решение CSS для вертикального выравнивания будет вдвое сложнее поддерживать, если не считать оптимизма.

11
ответ дан 1 December 2019 в 18:55
поделиться

Вы пробовали vertical-align: middle; ?

0
ответ дан 1 December 2019 в 18:55
поделиться

Я уже сталкивался с этой проблемой. Я процитирую экспертов, чтобы не выдумывать: "... внутренний объект абсолютно позиционируется на половине высоты области. Затем перемещается вверх на половину своей высоты."

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

Источник: здесь

Демо: ссылка на страницу выше

Вот мой первый ответ ...

2
ответ дан 1 December 2019 в 18:55
поделиться
<div style="display: table-cell; vertical-align: middle;">I'm in the middle!</div>
10
ответ дан 1 December 2019 в 18:55
поделиться

Крис Койер написал отличный учебник именно по этому поводу: http://css-tricks.com/vertically-center-multi- Line-text/

Я использовал это я, и он отлично работает.

5
ответ дан 1 December 2019 в 18:55
поделиться