rowspan не работает HTML
У меня есть таблица, и я пытаюсь выполнить что-то подобное, Пока у меня есть html, я думаю, что могу использовать rowspan, но пытался и не давал мне желаемого результата
This is a new Car please call
this is a car ad this is a car adthis is a car adthis is a car adthis is a car ad this is a car adthis is a car adthis is a car adthis is a car adthis is a car ad this is a car ad this is a car adthis is a car adthis is a car adthis is a car ad this is a car adthis is a car adthis is a car . 3 mins ago $5000 Smart Cars
То, что вы пытаетесь достичь, потребует простой div-обертки с двумя вложенными плавающими div-ами, для этого вам не нужно использовать table
3 ответа
Пролет работает вниз, так что теперь у вас есть вторая строка, охватывающая третью.
когда я помещаю
Ты имеешь в виду держать IMG TD во втором ряду? Это приводит к неправильной компоновке (вы можете отредактировать скрипку и посмотреть, что получится).
Поместите изображение в верхнем ряду, и оно должно работать нормально.
This is a new Car please call
this is a car ad this is a car adthis is a car adthis is a car adthis is a car ad this is a car adthis is a car adthis is a car adthis is a car adthis is a car ad this is a car ad this is a car adthis is a car adthis is a car adthis is a car ad this is a car adthis is a car adthis is a car . 3 mins ago $5000 Smart Cars Изображение должно быть в верхнем ряду с rowspan = 2, которое будет помещено в 2 строки. Кроме того, содержащая td должна иметь colspan = 3, чтобы покрыть остальную часть строки. Colspan = 2 здесь оставит пробел в этой строке над ячейкой «Smart Cars».
Вторая строка автоматически вписывается в первый столбец с изображением, так как строки, указанные выше, и последующие 3 столбца строки.
This is a new Car please call
this is a car ad this is a car adthis is a car adthis is a car adthis is a car ad this is a car adthis is a car adthis is a car adthis is a car adthis is a car ad this is a car ad this is a car adthis is a car adthis is a car adthis is a car ad this is a car adthis is a car adthis is a car . 3 mins ago $5000 Smart Cars Ещё вопросы
- 0 Google App Engine dns_get_record
- 0 Как реализовать блокировку экрана для веб-страницы angularjs
- 1 Как сохранить изображение как varbinay в sql server 2008r2?
- 0 Как я могу добавить переменную php в javascript?
- 0 MySQL: как убедиться, что обновление всегда выполняется перед выбором?
- 0 Директива AngularJS для вкладок пользовательского интерфейса BootStrap (проблемы с областью изоляции)
- 0 пакет udp не получен в QThread
- 0 Как отобразить значения как Y или N в SQL?
- 0 PHP регулярное выражение заменить из строки в строку
- 1 Как правильно реализовать обработку кадров Camera2 в реальном времени с помощью RxJava?
- 0 Кнопка перекрытия с меткой
- 0 Использование CASE в Mysql для установки значения в поле Alias
- 0 Отменить в ожидании recv?
- 1 Как создать массив из разных элементов enum
- 1 Автоматическое изменение размера окна tkinter, чтобы соответствовать всем виджетам
- 0 Как заселить значение в векторе
- 0 Создание приложения для создания заметок с использованием JQuery для мобильных телефонов и телефонов
- 1 Подсчет слов в столбце в фрейме данных
- 1 Eclipse: добавить пакет в группу классов
- 1 Понимание методов. Java-код
- 0 как сделать подсчет запросов и объединить две таблицы
- 1 Java не может получить доступ к защищенной переменной во внутреннем классе
- 0 Как отсортировать несколько массивов, которые содержат данные, связанные друг с другом через индекс
- 0 Фокус AngularJS после создания нового элемента
- 0 Манипулирование DOM в директиве Angular после рендеринга под-представления
- 0 Хранить индексы геометрии
- 0 Получение строк из одной таблицы, у которых нет связанных строк в других таблицах, соответствующих определенным критериям, без подзапроса
- 0 Доступ к HTML внутри холста
- 1 Как конвертировать дату в метку времени
- 1 Пропустить конвертацию сущностей при загрузке строки yaml (используя PyYAML)
- 1 three.js-Uncaught ReferenceError: сцена не определена
- 0 Перемещение (вместо показа) div в угловой анимации
- 0 Angular Выбранный по умолчанию не работает с объектом
- 0 Как я могу передать значение радиокнопки с идентификатором из db в текстовое поле
- 1 Не удается найти элемент с помощью селектора CSS с Selenium на Python
- 0 сделать фоновое изображение div
- 1 Преобразовать строку в DateTime в C #
- 0 HTML читается как недопустимый, перемещая содержимое HTML в
- 0 функция select () во вкладках — Angular Bootstrap
- 1 Как мне преобразовать мою строку даты в пользовательский формат даты?
- 0 условный CSS для т.е. 10 и Mozilla в asp.net
- 0 Учитывая 2D массив, конвертировать в Z-порядок
- 1 Как объединить объекты ResultSet в Java?
- 1 Как использовать ArrayList для управления многими JButton?
- 0 Как ввести правое поле абзаца с рамкой
- 1 Бот Discord отправляет встроенное сообщение на другой канал
- 0 Ошибка 404 на REST Easy
- 0 Как мне сопоставить динамический маршрут в базе данных?
- 0 fancybox 2 и названия
След. строка уезжает вправо при использовании rowspan=2 в пред. строке
Как должно быть: Текущий код:
Понедельник 09:30 - 11:00 Группа ТГ-2 Группа НП-3 11:00 - 13:00 Уход за полем 2 ч 13:00 - 14:30 Группа Т-1 Группа Т-2
После объединения ячеек во втором столбце («Уход за полем»), всё слетает: Что я делаю не так?
проблему покажите так как не ясно что там и куда летит . покажите как было как надо и в итоге что получилось . объединение ячеек — каких ячеек ?
3 ответа 3
Вы у
и
указали rowspan=»2″ . Соответственно, в следующей строке tr первые две ячейки будут заняты ячейками из предыдущей строки, что приведёт к тому, что ячейка
будет уже третьей по счету и отображаться правее вышеупомянутых двух.
Для получения результата как на скриншоте можно, например, добавить пустую строку tr , дабы «компенсировать» rowspan у
, а у
убрать rowspan и добавить перевод строки, чтобы эта ячейка занимала две строки:
Понедельник 09:30 - 11:00 Группа ТГ-2 Группа НП-3 11:00 - 13:00 Уход за полем 2 ч
13:00 - 14:30 Группа Т-1 Группа Т-2
А можно и вовсе избавиться от rowspan и доп. строки, остановившись просто на переводе строки:
Понедельник 09:30 - 11:00 Группа ТГ-2 Группа НП-3 11:00 - 13:00 Уход за полем 2 ч
13:00 - 14:30 Группа Т-1 Группа Т-2
Отображение похоже на представленное в вопросе как минимум в браузере Google Chrome 63.0.3239.84