Роман Титок
359 повідомлень
#11 років тому


Добрый вечер всем!
Столкнулся с непонятным поведением текста под Android. Если у параграфа указан фоновый цвет, то текст как и положено разворачивается на всю ширину блока, а если фона нет - то только на часть экрана. Уже сломал мозг, помогите люди добрые! Как развернуть текст без фона на весь экран?
Никита Липинский
403 повідомлення
#11 років тому
Дело не в background.

У вас стоит user-agent styles - p { display: block }

Пропишите отображение inline как оно и должно быть у параграфа:
.content p {
font-size: 14px;
line-height: 18px;
margin-bottom: 18px;
display: inline-block;
}
Елена Б.
6863 повідомлення
#11 років тому
tuls, а с каких это пор "inline как оно и должно быть у параграфа"?
Роман Титок
359 повідомлень
#11 років тому
floppox, согласен. Это с каких пор параграф перестал быть блочным элементом?

P.S. Нашел два способа как это побороть (правда оба костыли).
1. Делаем у параграфа прозрачное фоновое изображение.
2. Делаем у параграфа background-color:rgba(0,0,0,0.005); (если ставить нулевую прозрачность, то не работает, а так - и не заметно и разворачивает на всю ширину).
Никита Липинский
403 повідомлення
#11 років тому
Цитата ("floppox"):
tuls, а с каких это пор "inline как оно и должно быть у параграфа"?


Не был, не был.
перепутал с содержанием параграфа наверное.
Александр Франгов
505 повідомлень
#11 років тому
Вообще если позиционировать все элементы параграфа по левому или правому краю и задать ширину 100% то такой проблемы не будет. Или это является неприемлемым выходом из ситуации?


p {
float: left;
width: 100%;
}