Text align не работает: html5 — Не работает выравнивание по центру text-align: center

Если добавить .navigation { text-align:center; } и изменить .navigation li { float: left; } от до . navigation li { display: inline-block; } , тогда вся навигация будет центрирована.

Одно предостережение в отношении этого подхода заключается в том, что display: inline-block; не поддерживается в IE6, и для его работы в IE7 требуется обходной путь.

Зарегистрируйтесь или войдите в систему

Зарегистрируйтесь с помощью Google

Зарегистрироваться через Facebook

Зарегистрируйтесь, используя электронную почту и пароль

Опубликовать как гость

Электронная почта

Требуется, но не отображается

Опубликовать как гость

Электронная почта

Требуется, но не отображается

text-align: left не работает в содержании — решено

sleclair0 (Слеклер0) 28 января 2020 г. , 14:33 1

Привет,
Использование последней версии (1.9.6), запуск рецепта textcat.teach и попытка выравнивания текста: осталось содержимое карты.

Просмотрев похожие темы, я попробовал
custom_theme: {
… другие элементы
,»card_css»: {«text-align»: «left»}
}

и
«card_css»: {» textAlign»: «left»}

и в global_css
«global_css»: «.prodigy-sidebar {display: none} .prodigy-sidebar-wrapper {display: none} .prodigy-content {align-text: left}» ,

Текст по-прежнему выравнивается по центру:

image1098×109 5,79 КБ

Даже в режиме разработчика браузера я не нахожу способа принудительно выровнять текст по левому краю.

Вероятно, я упускаю из виду что-то простое ;>)

заранее спасибо… Стив

инес (Инес Монтани) 28 января 2020 г. , 17:46 2

Привет! 9Настройка 0015 card_css не должна находиться внутри custom_theme , поэтому я думаю, что проблема здесь. Имена свойств должны быть добавлены в нотации верблюжьего регистра, т. е. textAlign .

Если вы хотите проверить его в инструментах разработчика вашего браузера, обратите внимание на раздел .prodigy-content . Он устанавливает выравнивание текста, а также является контейнером, который получает card_css . Альтернативой может быть установка "global_css": ".prodigy-content {text-align: left}" .

sleclair0 (Слеклер0) 28 января 2020 г., 18:16 3

Привет @ines,
Спасибо.
К вашему сведению, когда я пытаюсь использовать «card_css»: {«textAlign»: «left»} вне пользовательской темы, я получаю сообщение об ошибке:
Неверные настройки найдены в prodigy. json и/или конфигурации рецепта

card_css -> значение textAlign равно недопустимое значение dict
card_css не является допустимым логическим значением

Спасибо, что заметили мою опечатку в global_css! Теперь это работает.

…Стив

инес (Инес Монтани) 28 января 2020 г., 18:39 4

Ах, простите, кажется, я ошибся. Отредактировал свой комментарий выше. И рад, что теперь это работает

psa (П) 18 февраля 2020 г., 19:49 6

Привет, @ines
Если можно, снова поднимаю этот вопрос. У меня похожая проблема с sleclair0.

Я отредактировал prodigy.json следующим образом:

 {
"custom_theme":{<другие настройки>, "card_css":{"textAlign":"left"}}
}
 

Однако я не вижу изменений в выравнивании текста при перезапуске textcat. manual. Я слежу за обновлением дела о верблюдах. Я изучил похожие проблемы в других заявках в службу поддержки — является ли настройка global_css также textAlign? Я тестировал оба безрезультатно. Любая идея, что я могу делать неправильно?

Спасибо

инес (Инес Монтани) 18 февраля 2020 г., 21:10 7

шт.:

является ли настройка global_css также textAlign? Я тестировал оба безрезультатно. Любая идея, что я могу делать неправильно?

Хм, я не уверен, почему card_css не работает. "global_css" позволяет передавать любой CSS, который применяется ко всей странице. Это дает вам больше гибкости и позволяет стилизовать все на странице, а не только карточку аннотации. (Вот очень «экстремальный» пример того, что технически возможно)

В вашем prodigy. json (или конфигурации рецепта) это должно выглядеть так:

 {
    "global_css": ".prodigy-content {выравнивание текста: по левому краю}"
}
 

шт./год (П) 18 февраля 2020 г., 21:18 8

Привет! Я видел другой пост с настройкой global_css, поэтому я добавил его, чтобы окончательный prodigy.json выглядел так:

 {
"custom_theme":{<другие настройки>, "card_css":{"textAlign":"left"}, "global_css": ".prodigy-content {textAlign: left}"}
}
 

Возможно ли, что порядок пользовательских настроек имеет значение? Я обновил это, а затем повторно запустил «prodigy textcat.manual etc», но текст по-прежнему отображается так (извините за ужасную цензуру :)):

image1347×258 8,98 КБ

дюйма (Инес Монтани) 18 февраля 2020 г. , 21:31 9

В "global_css" должно быть text-align , а не textAlign (потому что это просто необработанная строка CSS).

Если он по-прежнему не работает, возможно, он неправильно читает prodigy.json ? Где prodigy.json , который вы редактируете? Он должен находиться либо в вашем текущем рабочем каталоге, либо в вашем домашнем каталоге Prodigy (по умолчанию .prodigy в вашем домашнем каталоге пользователя — вы также можете запустить prodigy stats , чтобы найти точный путь).

шт. в год (П) 18 февраля 2020 г., 21:47 10

Спасибо за совет по выравниванию текста. Обновил это.

prodigy.json находится в моей домашней папке prodigy (я думаю. ..). Это сбивает с толку, потому что у нас есть вундеркинд, работающий на сервере AWS. Если я перемещаю prodigy.json (или дублирую файл?) в свой текущий рабочий каталог, нужно ли мне менять способ запуска команды prodigy textcat.manual ? Я почти уверен, что он читается в файле json, потому что, когда я неправильно ввожу поля, запуск prodigy выдает мне ошибку (очень похожую на ту, которую пользователь выше прокомментировал при добавлении card_css в неправильное место в файл json) . 9Я только что протестировал изменение некоторых других пользовательских настроек в моем файле prodigy.json, и изменения были обнаружены при запуске textcat.manual. Вроде нормально читает файл. Теперь у меня есть только следующее в моем файле, и он все еще не может выровняться по левому краю:
{
«custom_theme»:{«card_css»:{«textAlign»:»left»}}
}

Однако, когда я есть что-то вроде этого, он работает так, как я хочу:
{
«custom_theme»: {«cardMaxWidth»: 1800}
}

psa (П) 19 февраля 2020 г. , 19:29 11

Обновление: заработало! Не уверен, почему настройка custom_theme не работает, но размещение global-css , похоже, помогло.

 {
"custom_theme":{<случайные пользовательские настройки>},
"global_css": ".prodigy-content {выравнивание текста: по левому краю}"
}
 

Спасибо за помощь!

1 Нравится

(Николай Бьерре Педерсен) 24 февраля 2020 г., 11:11 12

Быстрая проверка. Без использования prodigy.json не должен ли работать следующий пользовательский рецепт?

 ...
    возвращаться {
        "view_id": "классификация",
        "набор данных": набор данных,
        "поток": поток,
        "config": {"global_css": ".prodigy-content {text-align: left}"},
    }
 

По какой-то причине я все еще выравниваюсь по центру.