Arhn - архитектура программирования

Центральная кнопка .page-desc, созданная с помощью CSS

Я пытаюсь центрировать кнопку в Squarespace, сделанную из CSS и ссылку в описании страницы.

Я использовал код, предоставленный в этот вопрос Squarespace . Он отлично получает кнопку, но в итоге получается очень перекошено.. ссылка

Кто-нибудь знает какой-нибудь код, который я могу использовать для динамического центрирования кнопки (ссылка с описанием страницы) на экране, как в других примерах выделения, таких как madebybump.com?

Я пробовал Margins, padding и position: block, но ничего из этого не работает и в итоге становится серым в редакторе CSS.

Спасибо!!

button html css center squarespace
06.06.2014

  • Я не понимаю, о чем вы говорите. Ссылка на описание страницы?? 06.06.2014

Ответы:


1

Это зависит от остальной части вашего кода. Но вот 2 пути:

  1. если вы указали ширину кнопки. Попробуйте добавить этот стиль к кнопке: margin: 0 auto;

  2. Или создайте тег div, внутри которого будет размещаться кнопка. И добавьте эти стили в div:

    float:left; width:100%; text-align:center;

06.06.2014
Новые материалы
Коллекции публикаций по глубокому обучению
Последние пару месяцев я создавал коллекции последних академических публикаций по различным подполям глубокого обучения в моем блоге https://amundtveit.com - эта публикация дает обзор 25..
Представляем: Pepita
Фреймворк JavaScript с открытым исходным кодом Я знаю, что недостатка в фреймворках JavaScript нет. Но я просто не мог остановиться. Я хотел написать что-то сам, со своими собственными..
Советы по коду Laravel #2
1-) Найти // You can specify the columns you need // in when you use the find method on a model User::find(‘id’, [‘email’,’name’]); // You can increment or decrement // a field in..
Работа с временными рядами спутниковых изображений, часть 3 (аналитика данных)
Анализ временных рядов спутниковых изображений для данных наблюдений за большой Землей (arXiv) Автор: Рольф Симоэс , Жильберто Камара , Жильберто Кейрос , Фелипе Соуза , Педро Р. Андраде ,..
3 способа решить квадратное уравнение (3-й мой любимый) -
1. Методом факторизации — 2. Используя квадратичную формулу — 3. Заполнив квадрат — Давайте поймем это, решив это простое уравнение: Мы пытаемся сделать LHS,..
Создание VR-миров с A-Frame
Виртуальная реальность (и дополненная реальность) стали главными модными терминами в образовательных технологиях. С недорогими VR-гарнитурами, такими как Google Cardboard , и использованием..
Демистификация рекурсии
КОДЕКС Демистификация рекурсии Упрощенная концепция ошеломляющей О чем весь этот шум? Рекурсия, кажется, единственная тема, от которой у каждого начинающего студента-информатика..