Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 04.07.2012, 16:46
Интересующийся
Отправить личное сообщение для teles Посмотреть профиль Найти все сообщения от teles
 
Регистрация: 09.04.2012
Сообщений: 13

Текст выходит за границы свойства width
<html>
<head>
    <title></title>
    <style type="text/css">
 
        #one{
            width: 100px;
            border: solid 1px;
        }

    </style>
</head>
<body>
<div id="one">
 
    <h1>Head</h1>
    <p>
        dddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd ddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd dddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd
    </p>
Вопрос: почему текст выходит за свойство width? и как сделать чтобы он находился в пределах свойства width? 
</div>
</body>
</html>
Ответить с цитированием
  #2 (permalink)  
Старый 04.07.2012, 17:05
Аватар для vadim5june
Студент
Отправить личное сообщение для vadim5june Посмотреть профиль Найти все сообщения от vadim5june
 
Регистрация: 30.04.2012
Сообщений: 1,113

для этого в css существует overflow
#one{        width: 100px;
            border: solid 1px;
            overflow:hidden
        }

hidden-скрыть либо можно
auto-
либо изменяйте word-wrap
http://htmlbook.ru/css/word-wrap

Последний раз редактировалось vadim5june, 04.07.2012 в 17:09.
Ответить с цитированием
  #3 (permalink)  
Старый 05.07.2012, 08:48
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,205

Сообщение от teles
почему текст выходит за свойство width?
Потому что не понятно как сие переносить...
Ответить с цитированием
  #4 (permalink)  
Старый 05.07.2012, 10:48
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

<html>
<head>
    <title></title>
    <style type="text/css">
      #one p{
            word-wrap:break-word;
       }
        #one{
            width: 100px;
            border: solid 1px;
        }

    </style>
</head>
<body>
<div id="one">
 
    <h1>Head</h1>
    <p>
        dddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd ddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd dddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd
    </p>
</div>
</body>
</html>
Ответить с цитированием
  #5 (permalink)  
Старый 05.07.2012, 17:08
Аватар для Serg_pnz
Сам по себе
Отправить личное сообщение для Serg_pnz Посмотреть профиль Найти все сообщения от Serg_pnz
 
Регистрация: 09.06.2009
Сообщений: 963

Deff,
слабо знак переноса поставить хотя бы на js?
Ответить с цитированием
  #6 (permalink)  
Старый 05.07.2012, 17:38
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

Сообщение от Serg_pnz
слабо знак переноса поставить хотя бы на js
неть - максимальное нормальное слово , которое видел( реально нужное) было 187символов - тут спор чисто теоретический( хотя бывают длинные символьные разделители вставляемые в текст

Последний раз редактировалось Deff, 05.07.2012 в 17:50.
Ответить с цитированием
  #7 (permalink)  
Старый 05.07.2012, 19:32
Аватар для Serg_pnz
Сам по себе
Отправить личное сообщение для Serg_pnz Посмотреть профиль Найти все сообщения от Serg_pnz
 
Регистрация: 09.06.2009
Сообщений: 963

Deff,
у меня часто бывает ситуация, что для текста узкая колонка, и приходится извращаться со словами типа "ГлавСпиртПромТрестАвтома изация".
В идеале, конечно, скрытые переносы ставить...

ГлавСпиртПромТрестАвтоматизация
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
При клике ссылки, открыть DIV блок, и при клике ещё раз, закрыть его Simon Общие вопросы Javascript 59 28.05.2017 17:31
Выравнять три дива в одной строке debugx (X)HTML/CSS 9 06.10.2011 12:03
lastChild работает в IE, как тут быть? Puaris83 Firefox/Mozilla 4 17.04.2010 23:56
Вопрос по относительному позиционированию DIV XPOMOB (X)HTML/CSS 11 15.07.2009 17:02