Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.94/50: Рейтинг темы: голосов - 50, средняя оценка - 4.94
 Аватар для taras atavin
4226 / 1796 / 211
Регистрация: 24.11.2009
Сообщений: 27,562

Ширина столбцов

16.02.2011, 13:49. Показов 9332. Ответов 6
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Как сделать таблицу, у которой все столбцы будут иметь автоматическую ширину по тексту, последний - до правой границы окна, чтоб вся таблица заняла всю ширину окна?
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
16.02.2011, 13:49
Ответы с готовыми решениями:

Фиксированная ширина столбцов таблицы
Всем привет! Есть таблица шириной 100% - она постоянная и равна 765px. Есть 7 столбцов, у всех ширина фиксированная и задана. ...

Ширина столбцов таблицы не соответствует значениям
Есть таблица, двадцать столбцов. Свойство для таблицы сделал следующее: table-layout:fixed;Перед тегом <tr> указал значение длины...

Grid-template-columns - минимальная ширина + максимальная + ширина в процентах
Как сделать так, чтобы на колонку выставить ширину в процентах и при этом указать максимальную и минимальную ширину в пикселях?

6
 Аватар для Vovan-VE
13210 / 6599 / 1041
Регистрация: 10.01.2008
Сообщений: 15,069
16.02.2011, 15:47
CSS
1
table {table-layout:auto; width:100%;}
table-layout: auto; - при отрисовки таблицы браузер сначала у себя в мозгу "отрисовывает" таблицу с максимальным сжатием, чтобы выяснить, сколько она заняла бы в компактном виде, а затем пропорционально растягивает всю таблицу до нужной ширины.
1
 Аватар для taras atavin
4226 / 1796 / 211
Регистрация: 24.11.2009
Сообщений: 27,562
16.02.2011, 16:26  [ТС]
Мне не надо прорционально. Мне надо последний столбец растянуть до правого края окна, а остальные максимально сжать, лишь бы текст поместился.
0
 Аватар для Vovan-VE
13210 / 6599 / 1041
Регистрация: 10.01.2008
Сообщений: 15,069
16.02.2011, 17:21
Тогда всем td, кроме последнего, ширину 1px и должно получиться.
1
 Аватар для taras atavin
4226 / 1796 / 211
Регистрация: 24.11.2009
Сообщений: 27,562
17.02.2011, 06:42  [ТС]
Если поставить width=1px, то он переносит текст, чего мене не надо.
0
 Аватар для Аиас
17 / 17 / 5
Регистрация: 13.02.2011
Сообщений: 107
17.02.2011, 11:01
Цитата Сообщение от taras atavin Посмотреть сообщение
Если поставить width=1px, то он переносит текст, чего мене не надо.
Так правильно, он и будет переносить, как он поймет какая нужна ширина? 1 px ставить не надо, это бы сканало для рисунков или вложенных тегов, а так пишите нормальную длину например 160, теперь в самом широком поле ставите ширину 100%, вот и всё.
1
 Аватар для taras atavin
4226 / 1796 / 211
Регистрация: 24.11.2009
Сообщений: 27,562
17.02.2011, 13:36  [ТС]
Всем спасибо, решение получено.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
17.02.2011, 13:36
Помогаю со студенческими работами здесь

Ширина <li>
Не меняется ширина &lt;li&gt;, пробовал: .menu li { display:inline-block; width:20em; } все равно не получается и тем более в...

Ширина ul
Здравствуйте Вот мои стили: ul.page-nav { padding:50px 0 25px 0; } ul.page-nav li { float:left; ...

ширина блока
Всем привет! Помогите пожалуйста решить одну проблему... Есть два вложенных блока div. Дочерний блок немного шире и поэтому...

Ширина блога в WP
Добрый день. У меня очень узкая ширина блога. Не могу ее увеличить. Пробовала: .container { width: 100%; max-width: 1900px;...

Ширина сайта
Здравствуйте! Есть сайт ширина резиновая. Хотелось бы сделать так чтобы он растягивался до определенного момента. например как ruseller. ...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
7
Ответ Создать тему
Новые блоги и статьи
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве
8Observer8 02.02.2026
Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .
Философия технологии
iceja 01.02.2026
На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .
SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf
8Observer8 01.02.2026
Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .
SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли
8Observer8 30.01.2026
Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm
8Observer8 30.01.2026
Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .
SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 29.01.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .
Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT
bedvit 28.01.2026
Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .
SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 28.01.2026
Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru