Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Перенос строки 
V
    Опции темы
alexandrnv
Дата 1.11.2008, 21:45 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 17
Регистрация: 4.10.2008

Репутация: нет
Всего: нет



Вопрос такой:
К примеру, есть у нас столбец 
Код

<td style="width: 150px;"></td>

Если вставлять в него слова (разделенные пробелами) - то слова будут переноситься на новые строки. То есть, высота столбца будет увеличиваться, но ширина будет фиксированной = 150px
Но (!!!) Если вставить в стоблец длинное слово (без пробелов) - то оно не будет разбиваться\ переноситься - а увеличит ширину стоблца, хотя она задана как фиксированная 150px. Тем самым, нарушается внешний вид документа.
Может есть как-нибудь параметр отвечающий за подобные случаи? Помогите, пожалуйста. Сам не нашел.

PM MAIL   Вверх
webster
Дата 1.11.2008, 22:15 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 361
Регистрация: 1.1.2007

Репутация: 34
Всего: 34



Проще всего в таком случае использовать дополнительный вложенный элемент со свойством overflow
Код

td div {
overflow: auto;
}

PM MAIL   Вверх
alexandrnv
Дата 2.11.2008, 10:25 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 17
Регистрация: 4.10.2008

Репутация: нет
Всего: нет



webster, 
или я не так тебя понял, или ты меня не понял. Но не работает.

Вот код:

Код

    <table border="1">
        <tr>
            <td style="width: 100px; background: aliceblue;">
                <div style="overflow: auto;">
                    Текст
                </div>
            </td>
        </tr>
    </table>

Так всё нормально. Размер <TD> 100пикселей. Но если туда вписать длинное слово без пробелов, например, "Тексттексттексттексттексттекст" - то <TD> в любом случае растянется и будет не 100 пикселей, а больше.
user posted imageuser posted image
Что делать в данном случае ? Неужели ничего? (кроме серверной обработки строки и разбивки её пробелами)


Это сообщение отредактировал(а) alexandrnv - 2.11.2008, 10:28
PM MAIL   Вверх
bars80080
Дата 2.11.2008, 11:06 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315



ты не задал блоку фиксированную ширину

и если не поможет, попробуй overflow: hidden;
PM MAIL WWW   Вверх
alexandrnv
Дата 2.11.2008, 11:40 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 17
Регистрация: 4.10.2008

Репутация: нет
Всего: нет



Цитата(bars80080 @ 2.11.2008,  11:06)
ты не задал блоку фиксированную ширину

и если не поможет, попробуй overflow: hidden;

Да. Вот в чем дело было. Если у div'а дописать width: 100px; - то тогда при переполнении будет появляться полоска прокрутки. 
Проблема решена. Спасибо.
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0463 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.