[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Проблема с таблицей
Линар
Добрый вечер.
Давно мучаюсь с данной проблемой.
Хочу что бы слова переносились внутри ячейки и не расширяли ее как на скриншоте. Почему то фиксирование таблицы не помогает, может я что то упустил.

[b]style.css[/b]
#div.TABLE,TH,TD {

border:2px solid black;
background:Gray;
width: 100%;
}
TH{

}

TD{padding:1px;


word-wrap: break-word;
}
td#one {
word-wrap: break-word;
width: 130px; }
td#two { width: 120px; }



echo "
<div class='table'>
<TABLE
BORDER>
<TR>
<TD
id='one'>".$r["name"]. "</TD>
<TD
id='two'>".$r["costprod"]."</TD>
</TABLE>
</div>
";


user posted image
rooor
у тебя тут каждая строка - отдельная таблица
сделай одну таблицу и добавляй строки
что-то типа:
echo '
<table>
<tr>
<td>Колонка 1</td>
<td>Колонка 2</td>
</tr>'
;
while(......){
echo '
<tr>
<td>1</td>
<td>2</td>
</tr>'
;
}
echo '</table>';
andrey888
Линар
Если хочешь чтоб слова переносились (при том что ты установил фиксированную ширину td)
ставь между словами пробелы .. не выводи текст вот так
4(пианино,силиконовый,желтый)

выводи так
4(пианино, силиконовый, желтый)


_____________
Прогноз на следующие 5 лет : Россия, Китай - две величайшие державы.
США в Ж*пе. Справедливость восторжествует. )
Линар
rooor
Вообще то так как ты написал работать не будет, и дело не в этом, почему строки расширяются с большим текстом?
Линар
andrey888
А почему именно так надо? в чем проблема?
andrey888
в чем проблема ? ...
ну изначально логично предположить что для браузера все символы что точка, что буква, что запятая - это одно и тоже и он не может сам угадать где он может а где нет перенести строку .. поэтому выводи предложения с пробелами , если нужно чтоб строка переносилась и соблюдалась фиксированная ширина .

_____________
Прогноз на следующие 5 лет : Россия, Китай - две величайшие державы.
США в Ж*пе. Справедливость восторжествует. )
Линар
andrey888
Понял спасибо за помощь
rooor
Цитата
так как ты написал работать не будет

что именно не будет работать?
Цитата
в чем проблема?

я не верстальщик, но думаю в этом:
#div.TABLE,TH,TD {
width: 100%;

задай фиксированную ширину таблицы,
andrey888
rooor тут не надо быть верстальщиком ) . ты разве не замечал в своих каких нить проектах что при выводе информации если текст пишешь без пробелов - он идет строкой и хрен где перенесется )

_____________
Прогноз на следующие 5 лет : Россия, Китай - две величайшие державы.
США в Ж*пе. Справедливость восторжествует. )
rooor
andrey888
для этого есть word-wrap: break-word; в css и wordwrap() в php
andrey888
Цитата
для этого есть word-wrap: break-word; в css и wordwrap() в php

это все хорошо но мне кажется что способ выше и проще и красивше )

_____________
Прогноз на следующие 5 лет : Россия, Китай - две величайшие державы.
США в Ж*пе. Справедливость восторжествует. )
HErATuB
Цитата (Линар @ 20.07.2013 - 18:54)
rooor
Вообще то так как ты написал работать не будет, и дело не в этом, почему строки расширяются с большим текстом?

Будет работать.
А по сути используй принудительный разрыв и фиксированную ширину столбца

/*css*/
word-wrap: break-word;/* - принудительный разрыв*/
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2025 Invision Power Services, Inc.