Float добавляет ненужное пространство

0

Я пытаюсь создать описание для мыши:
Иногда включая одну или две дополнительные "информации",
- и на этот раз поплавки, похоже, в порядке, но:

Изображение 174551

Изображение 174551

Почему "15 минут". выталкивается за пределы "маскировки"?
- Можно ли каким-то образом скомпоновать его, чтобы получить прямую правильную границу?

Решение. Каждая строка белого текста должна быть в своем собственном промежутке (чтобы не образовать квадратный квадрат):

Изображение 174551

  • 0
    Не могли бы вы предоставить действительный HTML? Для кого-то с вашим представителем, я удивлен отсутствием форматирования вашего вопроса
  • 0
    Извините, просто хотел оставить ненужные вещи ...
Показать ещё 3 комментария
Теги:
css-float

1 ответ

0
Лучший ответ

Он не добавляет "лишнее" пространство - он просто не знает, что в ограничивающей рамке текста есть пространство (Plysning...).

Одна из возможностей заключалась бы в том, чтобы позиционировать абсолютный текст 15min с top: 0px; right: 0px; top: 0px; right: 0px; и используйте text-align: right; , Не забудьте использовать position: relative; на фиолетовый упаковочный контейнер.

  • 0
    Таким образом, средний (белый) текст считается рамкой, даже если верхняя строка не заполняет его. Я стараюсь избегать позиционирования (я не знаю размера любого из 1,2 или 3 элементов. ,
  • 1
    Я в значительной степени согласен с тем, что вы говорите @Michael, но разве это не вызовет совпадения, если 1-я строка будет длиннее 2-й?
Показать ещё 2 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню