![]() |
|
||||||||||
|
|||||
|
Регистрация: Nov 2006
Сообщений: 21
|
Всем привет :-) вопрос очень простой, как мне кзалось... но ничего поделать не могу. Проблема такая: есть класс, который задаёт цвет фона, рамку и выравнивание по центру для текста (класс применяется для тега <p>). При этом текст всегда разный. Необходимо, чтобы бокс не растягивался на всю ширину родительского бокса (что, собственно, и происходит на автомате), а менял свою ширину в зависимости от размера текста.
Пробовал в том же классе прописать margin: auto; в разных вариациях - результат тот же. Наверняка вопрос уже решённый, если кто знает, подскажите. Спасибо всем за помощь :-) Добавлено через 16 часов 52 минуты в сети наткнулся на это http://www.artlebedev.ru/tools/techn.../align-center/ очень интересно, но хочеться попростче ![]() |
|
|||||
|
.grin! wuz here
|
а что тут сложного то? один дополнительный див-обёртка и всё...
написано же Цитата:
__________________
Breakcore them all! |
|
|||||
|
Регистрация: Nov 2006
Сообщений: 21
|
Способ проще существует.
В CSS пишем так: .box {text-align:center;}
.framebox {
display:inline; /*makes string element from block element*/
padding: 5px;
background:#ccffee;
text-align: center;
border:#5577ff 2px solid;}
Для моего решения. Вся суть в том, что блочный элемент меняется на строчный (display:inline , а для строчных элементов размер по горизонтали определяется его содержимым, а не размерами родительского бокса.Бокс обёртка <div> выравнивает своё содержимое по середине. Может я где-то в понятиях и ошибся, но суть, думаю, передал правильно. |
|
|||||
|
.grin! wuz here
|
в том то и дело, что в чем состоит "ваше решение" -- не известно.
строчный блок в ие не поддерживает указание высоты, ширины, паддингов. всё зависит от его содержимого. в вопросе указывается слово "бокс", что относится к блочному элементу, а не к строчному. если уж интересно "понять", почитайте: http://softwaremaniacs.org/blog/category/web/primer/
__________________
Breakcore them all! |
|
|||||
|
Регистрация: Nov 2006
Сообщений: 21
|
Да, не спорю, с терминами немного напутал
но свою задачу решил. Код-то работает и работает визуально правильно. Про маниакальный веблог знаю).Вот ещё интересная вещь http://wdh.suncloud.ru/ P.S.: я хоть попытался объяснить почему код именно такой, а не другой. В примере http://www.artlebedev.ru/tools/techn.../align-center/ кроме "Всё очень просто" других комментариев нет. Не всё для всех всегда очевидно) лучше сказать где прочитать или как подумать, чем давать готовое решение без объяснений. Это лично моё мнение, его разделять совершенно не обязательно СПАСИБО! |
![]() |
![]() |
Часовой пояс GMT +4, время: 00:22. |
|
|
« Предыдущая тема | Следующая тема » |
|
|