- Поисковые системы
- Практика оптимизации
- Трафик для сайтов
- Монетизация сайтов
- Сайтостроение
- Социальный Маркетинг
- Общение профессионалов
- Биржа и продажа
- Финансовые объявления
- Работа на постоянной основе
- Сайты - покупка, продажа
- Соцсети: страницы, группы, приложения
- Сайты без доменов
- Трафик, тизерная и баннерная реклама
- Продажа, оценка, регистрация доменов
- Ссылки - обмен, покупка, продажа
- Программы и скрипты
- Размещение статей
- Инфопродукты
- Прочие цифровые товары
- Работа и услуги для вебмастера
- Оптимизация, продвижение и аудит
- Ведение рекламных кампаний
- Услуги в области SMM
- Программирование
- Администрирование серверов и сайтов
- Прокси, ВПН, анонимайзеры, IP
- Платное обучение, вебинары
- Регистрация в каталогах
- Копирайтинг, переводы
- Дизайн
- Usability: консультации и аудит
- Изготовление сайтов
- Наполнение сайтов
- Прочие услуги
- Не про работу
Маркетинг для шоколадной фабрики. На 34% выше средний чек
Через устранение узких мест
Оксана Мамчуева
Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий
Всем привет!
Подскажите разве свойство overflow: hidden; которое скрывает то что не помещается в блок, может влиять на другие элементы, чутка двигая их?
В общем у меня есть блок с текстом, ну и там бывает длинный текст он не особо нужный, в общем я делаю так что бы лишнее скрыть и сократить его – overflow: hidden;, далее white-space: nowrap; чтобы в одну строку без переносов и text-overflow: ellipsis; чтобы троиточие в конце были.
И все вроде бы хорошо и так как надо, ну если просто посмотреть, то выглядит и работает все правильно, так как и хотелось.
Но если проинспектировать этот элемент в девтулс, то там будет видно, что, то что скрывается проходит дальше чуть ли не через всю разметку и другие блоки?
Как такое может быть, разве overflow: hidden; не должен убирать и обрезать все что не влезло в блок?
Более того при определенных условиях этот невидимый скрытый текст влияет на разметку и в некоторых моментах генирирует горизонтальный скроллбар!
По идее этого всего не должно быть!
Как такое может быть!
Заранее всем спасибо за ответы!Как такое может быть, разве overflow: hidden; не должен убирать и обрезать все что не влезло в блок?
Обрезается видимая часть контента, а не исходный код.
Как такое может быть
Накосячил где-то.
Обрезается видимая часть контента, а не исходный код.
Накосячил где-то.
Да, но он должен обрезаться и не влиять на другие элементы, он же для этого типа и придуман.
Да, но.
Нарисовал как смог, не судите строго:
Приведи к определенному классу и подкуй div`ом или span`ом
, видимо где-стираются эти значения.
Без html и css сложно сказать
Пофиксил костыльным способом, пришлось отказаться от модных троеточий - text-overflow: ellipsis; и запрета на перенос слов - white-space: nowrap;, выставив высоту, и все что лишнее скрывается.
Дело было не в overflow: hidden;, а в запрете переноса слов - white-space: nowrap;.
Ну и фиг с ним, почти тоже самое, зато пропал баг с появлением горизонтального скроллбара при определенном разрешении, за что поисковики могут вас опустить, имеется ввиду опустить в выдаче позиций, ну вы поняли, особенно в мобильной версии или типа того.
Остается только понять, что думают поисковики о невидимом тексте, уехавшем за оверфлов хидден, надеюсь это не сильно на что-то влияет.