Изменение ширины таблицы!

@1root1 · 23.01.2016, 13:19. **Показов** 1757. **Ответов** 12

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

Привет всем!Как можно написать код для таблицы так чтобы при введении текста в ячейки ее размер (ячейки)не изменился а допустим перешел на новую строку?

@PeterLS · 23.01.2016, 13:31

1root1, задай для <td> ширину в пикселях или процентах, как тебе удобно.

@Resume · 23.01.2016, 13:34

Пример:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
<table>
        <tr>
            <th>Первый столбец</th>
            <th>Второй столбец</th>
            <th>Третий столбец</th>
        </tr>
        <tr>
            <td>Neque porro quisquam est, qui dolorem ipsum, quia dolor sit, amet, consectetur, adipisci velit </td>
            <td>Neque porro quisquam est, qui dolorem ipsum, quia dolor sit, amet, consectetur, adipisci velit </td>
            <td>Neque porro quisquam est, qui dolorem ipsum, quia dolor sit, amet, consectetur, adipisci velit </td>
        </tr>
        </table>

CSS
1
2
3
4
5
6
7
8
9
table{
   border:1px solid black;
   }
   
   td, th{
    background: maroon; /* Цвет фона ячеек */
    color:white;
    width:200px; /* ширина */
   }

@1root1 · 23.01.2016, 13:50 **[ТС]**

Добавлено через 1 минуту

Сообщение от PeterLS

задай для <td> ширину в пикселях или процентах, как тебе удобно.

Я знаю но после того как вводишь текст ячейка все равно изменяет ширину.

@fol · 23.01.2016, 13:57

обернуть все содержимое ячейки в div и уже ему задать width

HTML5
1
2
3
4
5
6
<td>
    <div style="width:xxx">
       <p>текст текст текст текст текст текст текст 
      </p>
   </div>
</td>

@1root1 · 23.01.2016, 14:23 **[ТС]**

Сообщение от fol

обернуть все содержимое ячейки в div и уже ему задать width

не работает.

@1root1 · 23.01.2016, 14:28 **[ТС]**

@fol · 23.01.2016, 14:32

значит где-то для таблицы уже заданы стили, которые не перебиваются

@monochromer · 23.01.2016, 14:38

1root1,
забыли единицы измерения прописать. А вообще лучше использовать table-layout: fixed; если, конечно, к условиям подойдет.

@1root1 · 23.01.2016, 16:05 **[ТС]**

Сообщение от monochromer

А вообще лучше использовать table-layout: fixed; если, конечно, к условиям подойдет.

monochromer большое спасибо!Заработало!Не переноситься на другую строку конечно но это уже в ручную
можно!

@1root1 · 23.01.2016, 16:08 **[ТС]**

@PeterLS · 23.01.2016, 17:26

1root1, у меня все работает https://jsfiddle.net/L5zd1fs3/

@monochromer · 25.01.2016, 06:37

Сообщение от 1root1

е переноситься на другую строку конечн

Браузер по-умолчанию сам не разрывает длинные слова.
По теме можно почитать здесь:
http://css-live.ru/articles/pe... nosax.html

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image 8Observer8 10.02.2026 Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .	Установка Qt-версии Lazarus IDE в Debian Trixie Xfce volvo 10.02.2026 В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .
SDL3 для Web (WebAssembly): Работа со звуком через SDL3_mixer 8Observer8 08.02.2026 Содержание блога Пошагово создадим проект для загрузки звукового файла и воспроизведения звука с помощью библиотеки SDL3_mixer. Звук будет воспроизводиться по клику мышки по холсту на Desktop и по. . .	SDL3 для Web (WebAssembly): Основы отладки веб-приложений на SDL3 по USB и Wi-Fi, запущенных в браузере мобильных устройств 8Observer8 07.02.2026 Содержание блога Браузер Chrome имеет средства для отладки мобильных веб-приложений по USB. В этой пошаговой инструкции ограничимся работой с консолью. Вывод в консоль - это часть процесса. . .	SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .

@1root1 Заблокирован

	Изменение ширины таблицы! 23.01.2016, 13:19. Показов 1757. Ответов 12 Метки нет (Все метки) Привет всем!Как можно написать код для таблицы так чтобы при введении текста в ячейки ее размер (ячейки)не изменился а допустим перешел на новую строку? 0

@PeterLS 71 / 69 / 22 Регистрация: 24.11.2012 Сообщений: 502 Записей в блоге: 1
	23.01.2016, 13:31
	1root1, задай для <td> ширину в пикселях или процентах, как тебе удобно. 0

@1root1 Заблокирован
	23.01.2016, 14:28 [ТС]
	0

@fol 511 / 485 / 161 Регистрация: 08.07.2013 Сообщений: 1,714 Записей в блоге: 1
	23.01.2016, 14:32
	значит где-то для таблицы уже заданы стили, которые не перебиваются 0

@monochromer 419 / 381 / 163 Регистрация: 03.01.2013 Сообщений: 966
	23.01.2016, 14:38
	Сообщение было отмечено 1root1 как решение Решение 1root1, забыли единицы измерения прописать. А вообще лучше использовать table-layout: fixed; если, конечно, к условиям подойдет. 1

@1root1 Заблокирован
	23.01.2016, 16:08 [ТС]
	0

@PeterLS 71 / 69 / 22 Регистрация: 24.11.2012 Сообщений: 502 Записей в блоге: 1
	23.01.2016, 17:26
	1root1, у меня все работает https://jsfiddle.net/L5zd1fs3/ 0

Изменение ширины таблицы!

Решение