Установка пользовательской ширины для тд без colspan

Question

Установка пользовательской ширины для тд без colspan

0

Я не умею пользоваться таблицей. Я использую twitter bootstrap, у меня есть только два td в моей пятой строке, я хочу, чтобы мой последний td был чуть ниже последнего td 4-й строки. Я знаю, что это можно сделать, если я положил colspan=3 для первого td 5-й строки. но я не хочу использовать colspan, поскольку я использую html5, и я хочу сохранить макет в другом файле. Есть ли какой-нибудь способ сделать это?

Моя таблица похожа

_ _ _ _

_____

Редактировать:

JsFiddle Я хочу, чтобы весь заказ остался, но я хочу Rs. 900 достигнет ровно ниже Общая цена

Shubendra 05 май 2014, в 13:08

Источник

0

Можете ли вы привести в порядок ситуацию, в которой вы оказались?
Chankey Pathak 05 май 2014, в 10:53
0

Можете ли вы предоставить JSFiddle?
napender 05 май 2014, в 10:55
0

почему вы не хотите использовать colspan?
Ejaz 05 май 2014, в 10:57
0

Вы должны переключиться на компоновку таблицы CSS элементов, представляющих ваши ячейки ( подробности см. здесь ), если вы не хотите использовать атрибут colspan . в качестве альтернативы, вы можете получить явную настройку ширины и границ ваших элементов td , используя 2-й td вместо 5-го и имея 3 конечных пустых ячейки в вашем последнем ряду. как должно быть очевидно из описания, этот рецепт является хакерским и, скорее всего, не будет работать в кросс-браузерном режиме (в случае, если он вообще работает).
collapsar 05 май 2014, в 11:00
0

Обновлено с скрипкой
Shubendra 05 май 2014, в 11:03
0

Приятно, что вы поделились кодом, но вы все еще не объяснили, почему невозможно использовать colspan. Вы можете сделать это с помощью сценария, но это излишне.
falcon 05 май 2014, в 11:05
0

Вы упоминаете, что хотите сохранить макет в отдельном файле. однако вы можете утверждать, что определение структуры таблицы - это структура документа, а не макет. поэтому добавьте атрибуты colspan в определение html-таблицы и сохраните предложения css в отдельном файле, и ваш проект останется «чистым».
collapsar 05 май 2014, в 11:08
0

Я могу использовать colspan, у них нет другого способа добиться этого
Shubendra 05 май 2014, в 11:12
1

Вы можете поместить три пустых <td></td> перед общей ценой, и это сработает.
karan thakkar 05 май 2014, в 11:14

Показать ещё 7 комментариев

Теги:

html

css

css3

1 ответ

Ещё вопросы

Можете ли вы привести в порядок ситуацию, в которой вы оказались?
почему вы не хотите использовать colspan?
Вы должны переключиться на компоновку таблицы CSS элементов, представляющих ваши ячейки ( подробности см. здесь ), если вы не хотите использовать атрибут colspan . в качестве альтернативы, вы можете получить явную настройку ширины и границ ваших элементов td , используя 2-й td вместо 5-го и имея 3 конечных пустых ячейки в вашем последнем ряду. как должно быть очевидно из описания, этот рецепт является хакерским и, скорее всего, не будет работать в кросс-браузерном режиме (в случае, если он вообще работает).
Приятно, что вы поделились кодом, но вы все еще не объяснили, почему невозможно использовать colspan. Вы можете сделать это с помощью сценария, но это излишне.
Вы упоминаете, что хотите сохранить макет в отдельном файле. однако вы можете утверждать, что определение структуры таблицы - это структура документа, а не макет. поэтому добавьте атрибуты colspan в определение html-таблицы и сохраните предложения css в отдельном файле, и ваш проект останется «чистым».
Я могу использовать colspan, у них нет другого способа добиться этого
Вы можете поместить три пустых <td></td> перед общей ценой, и это сработает.

Jukka K. Korpela · Accepted Answer · 2014-05-05T08-18-00.000Z

Ты не можешь. Атрибут colspan - это инструмент для создания одной ячейки, занимающей несколько слотов в горизонтальном направлении. Если вам нужен только табличный макет, не играющий по правилам HTML для элемента table, используйте другие методы, например, используйте элементы div вместо ячеек таблицы и поместите их в CSS.

Я предоставил скриптовую ссылку, можете ли вы сказать мне, возможно ли
Как говорит мой ответ, это невозможно. Jsfiddle иллюстрирует, что вы делаете, и вам действительно следует использовать colspan . Элемент с «рупий. 900 ”относится не ко второму столбцу (который имеет заголовок« Название элемента »), а к пятому столбцу. Атрибут colspan - это способ выразить эту структурную связь и, на самом деле, визуально поместить данные в соответствующий столбец. Другой альтернативой является добавление трех пустых ячеек между двумя ячейками, которые у вас есть в последнем ряду, но это менее естественно и усложняет стилизацию.