- Поисковые системы
- Практика оптимизации
- Трафик для сайтов
- Монетизация сайтов
- Сайтостроение
- Социальный Маркетинг
- Общение профессионалов
- Биржа и продажа
- Финансовые объявления
- Работа на постоянной основе
- Сайты - покупка, продажа
- Соцсети: страницы, группы, приложения
- Сайты без доменов
- Трафик, тизерная и баннерная реклама
- Продажа, оценка, регистрация доменов
- Ссылки - обмен, покупка, продажа
- Программы и скрипты
- Размещение статей
- Инфопродукты
- Прочие цифровые товары
- Работа и услуги для вебмастера
- Оптимизация, продвижение и аудит
- Ведение рекламных кампаний
- Услуги в области SMM
- Программирование
- Администрирование серверов и сайтов
- Прокси, ВПН, анонимайзеры, IP
- Платное обучение, вебинары
- Регистрация в каталогах
- Копирайтинг, переводы
- Дизайн
- Usability: консультации и аудит
- Изготовление сайтов
- Наполнение сайтов
- Прочие услуги
- Не про работу
В 2023 году 36,9% всех DDoS-атак пришлось на сферу финансов
А 24,9% – на сегмент электронной коммерции
Оксана Мамчуева
Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий
Ребят, помогите разобраться с версткой
Есть адаптивная таблица (стандартный bootstrap макет), в таблице есть столбец с длинными записями в ячейках, для них прописан стиль "overflow: hidden;text-overflow: ellipsis;white-space: nowrap; max-width: 300px;". Браузер устанавливает для этих ячеек ширину ровно 300px и не уменьшает при уменьшении ширины окна. То есть эта ячейка перестала быть адаптивной.
Как сделать, чтобы ширина столбца менялась в зависимости от ширины окна и была не более 300px?
это же таблица
можно задать ширину столбца в % + max-width
можно делать это на определенном разрешении
Процентами ширину задавайте, как я понял, и как выше написали 🍿
это же таблица
можно задать ширину столбца в % + max-width
можно делать это на определенном разрешении
Если задать в процентах, то содержимое ячейки не обрезается
Если задать в процентах, то содержимое ячейки не обрезается
Так max-width c overflow разве не режет? Может вам word-wrap надо? Без примера сложно 🍿
ziliboba0213, Посмотрите, вот я пример сделал https://jsfiddle.net/fhhvjLgb/2/
Получается при уменьшении ширины экрана, второй столбец как был 350 px, так и остался
второй столбец как был 350 px
установлено же 350. чего б ему уменьшаться?
tommy-gung, ну там только максимально возможная же ширина прописана (ограничена), а не текущая. А как правильно прописать стили, чтобы уменьшался и не был шире 350px?
Странно с пьяну :p завтра гляну, если никто не поможет 🤪 Самому интересно 🍿
это таблица, она растягивается в зависимости от контента.
так же в коде не вижу, чтоб она была адаптивной (с горизонтальным скроллом, когда не вмещается в контейнер)
Браузер устанавливает для этих ячеек ширину ровно 300px и не уменьшает при уменьшении ширины окна
потому что ширина контента больше 300px
если нужен только этот столбец, можешь указать ширину всем остальным, оставив этот без значения
И вообще, в спецификации указано, что max-width не работает для строк таблиц. Поэтому можно ожидать, что тем более не будет работать и для ячейки.