![]() 13 / 13 / 24
Регистрация: 13.03.2013
Сообщений: 103
|
|
1 | |
Текст выходит за границы блока див11.03.2014, 20:47. Показов 95508. Ответов 12
Метки нет Все метки)
(
Подскажите, как мне справиться с этой ситуацией, текст выходит за границы дива.. Использую перенос word-wrap:break-word, но на это никакой реакции нет...
0
|
11.03.2014, 20:47 | |
11.03.2014, 20:47 | |
Ответы с готовыми решениями:
12
Текст в правой колонке выходит за див В ie 6 дочерний блок выходит за границы родительского блока Текст выходит за границы |
![]() 6 / 6 / 1
Регистрация: 29.01.2014
Сообщений: 51
|
|
11.03.2014, 20:50 | 2 |
Задайте ширину блоку в котором находится текст чтобы он не выходил за границы
1
|
![]() 13 / 13 / 24
Регистрация: 13.03.2013
Сообщений: 103
|
|||||||||||
11.03.2014, 20:58 [ТС] | 3 | ||||||||||
Вот html блока новостного
0
|
![]() 6 / 6 / 1
Регистрация: 29.01.2014
Сообщений: 51
|
|||||||||||
11.03.2014, 21:11 | 4 | ||||||||||
Процентная ширина 100% задаётся от ширины родительского блока допустим
1
|
![]() 13 / 13 / 24
Регистрация: 13.03.2013
Сообщений: 103
|
|
11.03.2014, 21:38 [ТС] | 5 |
Сделала фиксированную ширину, спасибо за объяснение, но однако переноса нет, посмотрела в хроме опере, так же как на картинке, в мозиле все как надо... В чем может быть причина, не подскажите?
0
|
38 / 38 / 8
Регистрация: 20.07.2013
Сообщений: 105
|
|
11.03.2014, 21:44 | 6 |
1
|
![]() 13 / 13 / 24
Регистрация: 13.03.2013
Сообщений: 103
|
|
11.03.2014, 21:51 [ТС] | 7 |
Вот ссылка: http://gubkinz.3dn.ru/
0
|
38 / 38 / 8
Регистрация: 20.07.2013
Сообщений: 105
|
|
11.03.2014, 22:02 | 8 |
Это просходит потому, что у блока .load_box_title_t ширина задана такая же, как и в родительском блоке .load_box_title, и задана набивка как 30px. Поэтому этот блок вылазит за пределы родителя.
Вы можете использовать средства разработчика в браузере, чтобы посмотреть границы блоков.
1
|
![]() 6 / 6 / 1
Регистрация: 29.01.2014
Сообщений: 51
|
||||||
11.03.2014, 22:06 | 9 | |||||
![]() Решение
1
|
![]() 13 / 13 / 24
Регистрация: 13.03.2013
Сообщений: 103
|
|
11.03.2014, 22:13 [ТС] | 10 |
спасибо огромное за помощь, убрала вообще ширину оттуда
0
|
1030 / 682 / 297
Регистрация: 04.04.2013
Сообщений: 2,748
|
||||||
15.03.2014, 19:55 | 11 | |||||
light_girlz, это потому что вы указали стопроцентную ширину совместно с паддингом. В итоге вы получили ширину блока 100% + 60px.
1
|
0 / 0 / 0
Регистрация: 02.02.2018
Сообщений: 1
|
||||||
17.03.2019, 00:10 | 12 | |||||
Ответ прост , без замудрений . Что бы текст не съезжал из блоков досточно будет задать фиксированое значение вашей страницы.
например:
![]()
0
|
![]() ![]() ![]() |
|
17.03.2019, 00:56 | 13 |
Denii,
margin:1200px; ?
1
|
17.03.2019, 00:56 | |
17.03.2019, 00:56 | |
Помогаю со студенческими работами здесь
13
Текст выходит за границы колонок Текст таблицы выходит за границы Текст выходит из блока Текст выходит за пределы блока При изменении масштаб текст выходит за пределы блока Искать еще темы с ответами Или воспользуйтесь поиском по форуму: |
|
![]() |
Опции темы | |
|
Новые блоги и статьи
![]() |
||||
Почему могут не шифроваться русские символы в Java
Wired 17.02.2025
При разработке на Java нередко возникают сложности с шифрованием русских символов. Эта проблема особенно актуальна для разработчиков, создающих программное обеспечение для русскоязычной аудитории. . . .
|
Отличия ОС для x86_64 и ARM
Wired 17.02.2025
На данный момент сосуществуют две основные архитектуры процессоров - x86_64 и ARM. Эти архитектуры имеют принципиально разные подходы к организации вычислений и обработке данных, что накладывает. . .
|
Многопоточность в Python: как использовать Thread
bytestream 17.02.2025
Поток выполнения (thread) - это наименьшая последовательность инструкций, которая может управляться планировщиком операционной системы. Представьте себе, что ваша программа - это книга, а потоки -. . .
|
Как воспроизвести Race Condition в Python
bytestream 17.02.2025
В многопоточном программировании существует множество подводных камней, и одним из самых коварных является состояние гонки (Race Condition). Этот термин описывает ситуацию, когда результат выполнения. . .
|
Ошибка "node: --openssl-legacy-provider is not allowed in NODE_OPTIONS"
bytestream 17.02.2025
Каждый разработчик рано или поздно сталкивается с ситуацией, когда при запуске проекта Node. js неожиданно выскакивает ошибка "node: --openssl-legacy-provider is not allowed in NODE_OPTIONS". Это. . .
|
Ошибка pip Python "AttributeError: module 'lib' has no attribute 'OpenSSL_add_all_algorithms'"
bytestream 17.02.2025
При разработке на Python частенько сталкиваешься с разными сюрпризами, но ошибка AttributeError: module 'lib' has no attribute 'OpenSSL_add_all_algorithms' - это что-то особенное. Знаете, это как. . .
|
Сообщение Play Store "You must complete the advertising ID declaration before you can release an app that targets"
bytestream 17.02.2025
Рекламный идентификатор - это уникальный, но восстанавливаемый строковый идентификатор для каждого устройства Android. Думаю, вы удивитесь, но даже если ваше приложение не показывает рекламу. . .
|
Отличия App Router от Pages Router в Next.js
bytestream 17.02.2025
Next. js прошел длинный путь развития, и одним из самых значительных изменений стало появление App Router - революционного подхода к организации маршрутизации в приложении. Этот новый способ пришел на. . .
|
Топ10 лучших фреймворков JavaScript для изучения в 2025
bytestream 16.02.2025
В современной веб-разработке JavaScript занимает особое место, являясь одним из наиболее востребованных языков программирования. По мере развития веб-технологий появляется все больше фреймворков,. . .
|
Temporal в JavaScript - новый формат даты и времени
bytestream 16.02.2025
В мире JavaScript скоро произойдет значимое событие - появление нового встроенного объекта Temporal, который призван полностью заменить устаревший объект Date. Это революционное изменение в работе с. . .
|