Я недавно изучил некоторые html/css и сделал небольшой проект, чтобы начать работу самостоятельно. Я столкнулся с проблемой. Я добавил сплошную черную границу 1px к div, и он сдвинул мой текст прямо на фоне моего div. Как это исправить?Добавление границы в мой HTML-div сдвигает мой текст
0
A
ответ
1
Попробуйте добавить свойство к DIV:
box-sizing: border-box;
Значение по умолчанию для box-sizing
является content-box
, что означает, что width
и height
только вещи учитываются в определенной высоте и ширине.
В противоположность этому, border-box
делает это так, что width
, height
, padding
и border
все в пределах заданной ширины и высоты.
Например, в <div>
с box-sizing: content-box; height: 400px; width: 400px
, то содержание (то есть, текст) будет 400px на 400px. Добавление border
или padding
приведет к перетаскиванию содержимого (как и к вашему случаю) и сделает все поле более широким. С другой стороны, если вы измените его на box-sizing
с одинаковой шириной и высотой, то 400px
будет учитывать все эти свойства размера (кроме margin
).
Смежные вопросы
- 1. Добавление твиттера в мой текст
- 2. Мой персонаж Sprite не сдвигает экран
- 3. slideToggle() не сдвигает мой элемент списка
- 4. Добавление фонового цвета на TD сделал мой границы исчезают
- 5. Добавление текста в мой div сменяет мой div вниз
- 6. Мой Android испортил мой текст Просмотров
- 7. Заменить прямые кавычки на типографские: «Мой текст» на «Мой текст»
- 8. Добавление календаря на мой
- 9. Мой текст не html?
- 10. geom_text меняет мой текст
- 11. Обновить мой текст
- 12. Firefox ест мой текст
- 13. клавиатура скрывает мой текст
- 14. EditText растягивает мой текст
- 15. Добавление текста в div, сдвигает div
- 16. CAGradientLayerHides мой текст UILabel
- 17. Текст деформирует мой div
- 18. Мой текст wont center
- 19. Почему мой текст гиперссылкой
- 20. Добавление кривой в мой прямоугольник
- 21. Добавление combobox в мой tablewidget
- 22. Добавление изображений в мой проект
- 23. Добавление .split в мой код
- 24. Добавление REGEXP в мой запрос
- 25. Добавление FirstOrDefault в мой запрос?
- 26. Добавление селектора в мой iframe
- 27. Добавление JMenu в мой JPanel
- 28. Добавление AdMob в мой проект?
- 29. Добавление категории в мой класс
- 30. Добавление заставки в мой проект
Просьба поделиться кодом, который у вас уже есть, это поможет нам вам помочь! –