Текст выходит за границы свойства 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>
|
для этого в css существует overflow
#one{ width: 100px;
border: solid 1px;
overflow:hidden
}
hidden-скрыть либо можно auto- либо изменяйте word-wrap http://htmlbook.ru/css/word-wrap |
Цитата:
|
<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>
|
Deff,
слабо знак переноса поставить хотя бы на js? :blink: |
Цитата:
|
Deff,
у меня часто бывает ситуация, что для текста узкая колонка, и приходится извращаться со словами типа "ГлавСпиртПромТрестАвтома изация". В идеале, конечно, скрытые переносы ставить... ГлавСпиртПромТрестАвтоматизация |
| Часовой пояс GMT +3, время: 04:18. |