Форум программистов, компьютерный форум, киберфорум
Наши страницы
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
ZoOoO
181 / 176 / 57
Регистрация: 09.02.2016
Сообщений: 883
1

строка в заданной размерами ячейке

08.03.2016, 18:55. Просмотров 232. Ответов 10
Метки нет (Все метки)

Учусь по книге.В книге написано,что если текст превышает заданную длину width ячейки,то текст переноситься на следующую строку.У меня почему то это не работает.Width ячейки из 15% превращается в 50%.Что я делаю не так?=)
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
08.03.2016, 18:55
Ответы с готовыми решениями:

Игра с размерами
Есть таблица, в ней 4 ячейки в каждой из которых по 1 картинке и надписи под...

Как быть с размерами?
Если допустим нетбук имеет разрешение экрана 1024х600, а мой блок имеет длину...

странности с размерами (bootstrap)
Наткнулся на странность при верстке бесплатного макета. (первый раз использую...

Ссылка в новом окне с заданными размерами
Если добавить в текст ссылки атрибут target="_blank" она откроется в другом...

Выравнивание двух изображений с разными размерами
В новостях встречаются стоящие рядом две картинки, и часто они имеют разные...

10
t1m0n
627 / 405 / 27
Регистрация: 03.11.2009
Сообщений: 1,837
08.03.2016, 19:43 2
Цитата Сообщение от ZoOoO Посмотреть сообщение
Что я делаю не так?
без примера кода сложно судить
0
ZoOoO
181 / 176 / 57
Регистрация: 09.02.2016
Сообщений: 883
08.03.2016, 19:51  [ТС] 3
PHPHTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<!DOCTYPE html>
<html>
<head>
<title>Страничка номер два=)</title>
</head>
<body bgcolor="">
 
<table border=1  width="100%">
<tr>
<td  width="15%">
1dddddddddddddddddddddddddd
ddddddddddddddddddddddddddddddddddddddddddddddddddddddddddffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff
</td>
<td>
2
</td>
<td  width="15%">
3
</td>
 
</tr>
 
</table>
 
</body>
</html>
0
t1m0n
627 / 405 / 27
Регистрация: 03.11.2009
Сообщений: 1,837
08.03.2016, 20:23 4
перенос на другую строку идет по пробелу, если контента не влазит - контейнер расширяется под ширину контента
0
ZoOoO
181 / 176 / 57
Регистрация: 09.02.2016
Сообщений: 883
08.03.2016, 20:49  [ТС] 5
Цитата Сообщение от ZoOoO Посмотреть сообщение
В книге написано,что если текст превышает заданную длину width ячейки,то текст переноситься на следующую строку.
А что делать с этим?
0
dolte
Человек
324 / 198 / 63
Регистрация: 04.02.2013
Сообщений: 1,192
08.03.2016, 20:59 6
ZoOoO,
есть в css такая штука, word-wrap
0
ZoOoO
181 / 176 / 57
Регистрация: 09.02.2016
Сообщений: 883
08.03.2016, 21:04  [ТС] 7
Цитата Сообщение от dolte Посмотреть сообщение
есть в css такая штука, word-wrap
Спасибо.Прочитал.Но это обход.Мне все же интересно почему слова в книге не совпадают с реальностью.Если это опечатка это одно,а если нет,то интересно,что я делаю нетак.
0
dolte
Человек
324 / 198 / 63
Регистрация: 04.02.2013
Сообщений: 1,192
08.03.2016, 21:08 8
Ну как же не совпадают
если ТЕКСТ превышает заданную длину width ячейки,то текст переноситься на следующую строку
и выше ответили
перенос на другую строку идет по пробелу, если контента не влазит - контейнер расширяется под ширину контента
если при корректном подходе к верстке вы изначально по умолчанию делаете word-wrap с переносом, то всё будет работать как надо.
0
ZoOoO
181 / 176 / 57
Регистрация: 09.02.2016
Сообщений: 883
08.03.2016, 21:33  [ТС] 9
PHPHTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<!DOCTYPE html>
<html>
<head>
<title>Страничка номер два=)</title>
</head>
<body bgcolor="">
<table border=1  width="100%">
<tr>
<td style="width:15%; word-wrap: break-word">
2gggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg
</td>
<td>
2
</td>
 
<td>
3
</td>
 
</tr>
 
</table>
 
</body>
</html>
Код правильный?Если да,то не работает.Если нет,то где косяк?
0
dolte
Человек
324 / 198 / 63
Регистрация: 04.02.2013
Сообщений: 1,192
08.03.2016, 21:38 10
код то правильный, только нужно добавить еще одно свойство в таблицу
- http://htmlbook.ru/css/table-layout
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<body bgcolor="">
<table border=1  width="100%"  style="table-layout: fixed">
<tr>
<td style="width:15%; word-wrap: break-word">
2gggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg
</td>
<td>
2
</td>
<td>
3
</td>
</tr>
</table>
</body>
0
ZoOoO
181 / 176 / 57
Регистрация: 09.02.2016
Сообщений: 883
08.03.2016, 22:18  [ТС] 11

Ну да.По пробелу.....Но в книжке то, про пробел не сказано ничего.Допустим если первое слово превышает заданную длину ячейки,то вся таблица смещается.А если оно небольшое ,то следующая подстрока переноситься.
А с css все работает.

Добавлено через 18 минут
Я эту запись понял так:любая текстовая информация умещается в пределах заданной ширины ячейки.А когда начал делать,все совершенно не так.
0
08.03.2016, 22:18
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
08.03.2016, 22:18

Навигация с разными размерами и косым углом
Здравствуйте. Друзья помогите разобраться, как правильно сделать, как на...

Расположение div блоков с относительными размерами
В ряд идут 3 блока: левое меню, контент, правое меню. Левое и правое меню имею...

Синхронизация размеров фона с размерами блока
Как все происходит. Есть блок 290 на 290 . Пользователь жмет на кнопку и...


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

Или воспользуйтесь поиском по форуму:
11
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru