Объект по размеру <td>

@olegjan · Регистрация: 14.07.2014

Студворк — интернет-сервис помощи студентам

Здравствуйте,
подскажите пожалуйста, как можно расширить элемент(например кнопку) по размеру td ячейки, в которой он находится
Спасибо!

@Kenworth · 18.10.2016, 12:25

Так а что сложного то??

HTML5
1
2
3
4
5
6
7
8
9
10
11
<table>
  <tbody>
    <tr>...</tr>
    <tr>
      <td>
        <input name="" value="Заказать" type="submit">
      </td>
    </tr>
    <tr>...</tr>
  </tbody>
</table>

@mrtoxas · 18.10.2016, 12:25

CSS
1
2
3
button{
  width:100%;
  height:100%;

Если не помогает такое, тогда покажите код

@olegjan · 18.10.2016, 13:07 **[ТС]**

mrtoxas,
пишу в slim на rubyonrails:

Rails
1
2
3
4
5
6
7
8
9
10
11
    table
        tr
            td 
                p.text15 Текст
            td 
                p.maintabletdtitle = f.text_field :number
        tr
            td 
                p.text15 Текст
            td
                p.maintabletdtitle = f.select :conformity, [['Соответствует'],['Не соответствует']]

CSS
1
2
3
4
.text15 {
    font-size: 15px;
    margin: 5px;
}

@mrtoxas · 18.10.2016, 13:17

Вы бы лучше привели пример того, что у вас не получается и какой элемент не хочет расстягиваться

@olegjan · 18.10.2016, 15:08 **[ТС]**

mrtoxas, f.select не растягивается до размеров ячейки <td>
объект f.text_field растянул все ячейки <td> до его размера..а объект f.select меньше..

@mrtoxas · 18.10.2016, 15:49

CSS
1
2
3
.maintabletdtitle{
  width:100%;
}

Rails
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<!-- slim code -->
    table
        tr
            td 
                p.text15 Текст
            td 
                input
        tr
            td 
                p.text15 Текст
            td
                select.maintabletdtitle
                  option yes
                  option no

Результат
Назначьте класс тому, что будете растягивать и задайте 100% ширины. Или я что-то не так понимаю

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D 8Observer8 04.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip На первой гифке отладочные линии отключены, а на второй включены:. . .	SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий 8Observer8 02.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11680&d=1772460536 Одним из. . .	Реалии Hrethgir 01.03.2026 Нет, я не закончил до сих пор симулятор. Эта задача сложнее. Не получилось уйти в плавсостав, но оно и к лучшему, возможно. Точнее получалось - но сварщиком в палубную команду, а это значит, в моём. . .	Ритм жизни kumehtar 27.02.2026 Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .
SDL3 для Web (WebAssembly): Сборка библиотек: SDL3, Box2D, FreeType, SDL3_ttf, SDL3_mixer и SDL3_image из исходников с помощью CMake и Emscripten 8Observer8 27.02.2026 Недавно вышла версия 3. 4. 2 библиотеки SDL3. На странице официальной релиза доступны исходники, готовые DLL (для x86, x64, arm64), а также библиотеки для разработки под Android, MinGW и Visual Studio. . . .	SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами 8Observer8 20.02.2026 Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .	Конвертировать закладки radiotray-ng в m3u-плейлист damix 19.02.2026 Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .	Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI Eddy_Em 18.02.2026 Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .

@olegjan 11 / 11 / 1 Регистрация: 14.07.2014 Сообщений: 186

	Объект по размеру <td> 18.10.2016, 12:04. Показов 865. Ответов 6 Метки нет (Все метки) Здравствуйте, подскажите пожалуйста, как можно расширить элемент(например кнопку) по размеру td ячейки, в которой он находится Спасибо! 0

@mrtoxas 3827 / 2677 / 1521 Регистрация: 12.07.2015 Сообщений: 6,672 Записей в блоге: 4
	18.10.2016, 13:17
	Вы бы лучше привели пример того, что у вас не получается и какой элемент не хочет расстягиваться 0

@olegjan 11 / 11 / 1 Регистрация: 14.07.2014 Сообщений: 186
	18.10.2016, 15:08 [ТС]
	mrtoxas, f.select не растягивается до размеров ячейки <td> объект f.text_field растянул все ячейки <td> до его размера..а объект f.select меньше.. 0