Верстаю страницу и уже замучался выравнивать div контейнер. Он содержит два div'а. Один рисует кнопку с надписью, равняю текст таблицей, второй это иконка, которая должна лечь на кнопку. Проблем бы не было если бы это была просто одна кнопка целиком тогда прописывая ее ширину в контейнере и margin: 0 auto; я бы получил выравнивание по горизонтали по центру. Но тут два div'а внутри, которые по размеру не влазят в максимальную ширину контейнера, при этом один налагается на другой. Вот код:
1. Как выровнять этот div-контейнер по центру (или содержимое его я имею в виду кнопку)?
2. Можно ли решить вопрос выравнивания вертикального по центру текста без этих громоздких таблиц? А то так каждому элементу где текст приходится делать. Гм... отмечу, что пробовал table-cell, но почему-то не пошло, с другой стороны если в полной мере для всех браузеров пользоваться таким способом выравнивания... ну он не проще и не легче таблиц получается.
You can post now and register later.
If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.
Актуальные контакты:
Telegram: @Nikker_web
E-Mail: tarasevich.email@gmail.com
Портфолио https://www.behance.net/d4d4186e
Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ
Актуальные контакты:
Telegram: @Nikker_web
E-Mail: tarasevich.email@gmail.com
Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ
Портфолио https://www.behance.net/d4d4186e
Question
sivsoft
Доброго времени суток!
Верстаю страницу и уже замучался выравнивать div контейнер. Он содержит два div'а. Один рисует кнопку с надписью, равняю текст таблицей, второй это иконка, которая должна лечь на кнопку. Проблем бы не было если бы это была просто одна кнопка целиком тогда прописывая ее ширину в контейнере и margin: 0 auto; я бы получил выравнивание по горизонтали по центру. Но тут два div'а внутри, которые по размеру не влазят в максимальную ширину контейнера, при этом один налагается на другой. Вот код:
В стилях следующее:
Поэтому следующие вопросы:
1. Как выровнять этот div-контейнер по центру (или содержимое его я имею в виду кнопку)?
2. Можно ли решить вопрос выравнивания вертикального по центру текста без этих громоздких таблиц? А то так каждому элементу где текст приходится делать. Гм... отмечу, что пробовал table-cell, но почему-то не пошло, с другой стороны если в полной мере для всех браузеров пользоваться таким способом выравнивания... ну он не проще и не легче таблиц получается.
Link to comment
Share on other sites
0 answers to this question
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.