Форум

teles · #1 (**permalink**) 04.07.2012, 16:46

<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>

vadim5june · #2 (**permalink**) 04.07.2012, 17:05

для этого в css существует overflow

#one{        width: 100px;
            border: solid 1px;
            overflow:hidden
        }

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

ksa · #3 (**permalink**) 05.07.2012, 08:48

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

почему текст выходит за свойство width?

Потому что не понятно как сие переносить...

Deff · #4 (**permalink**) 05.07.2012, 10:48

<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>

Serg_pnz · #5 (**permalink**) 05.07.2012, 17:08

Deff,
слабо знак переноса поставить хотя бы на js?

Deff · #6 (**permalink**) 05.07.2012, 17:38

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

слабо знак переноса поставить хотя бы на js

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

Serg_pnz · #7 (**permalink**) 05.07.2012, 19:32

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

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

Форум

Справочник

Discord чат

Курсы javascript