#html #width
#HTML #css #ширина
Вопрос:
У меня есть div внутри таблицы, которая превышает размер экрана. Это выглядит так:
<table id="hlavni" style=" position:absolute; border:none; position:relative; background-color:#FFC; border:#999 1px solid;" cellpadding="5">
<tr>
<td id="yamana" class="trida" valign="top" style="line-height:1.5em;">
<div style="background-color:#FFC;" id=load_tweets>44444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444</div>
</td>
</tr>
</table>
Как я могу предотвратить его переполнение?
Комментарии:
1. Вы ищете свойство css «max-width»?
Ответ №1:
<html>
<head>
<style type="text/css">
#limit {
max-width: 500px;
}
</style>
</head>
<body>
<div id="limit">Your content goes here</div>
</body>
</html>
Комментарии:
1. хорошо, когда я делаю это, мой контент начинает переполняться… это не сделало то, о чем я говорил…
2. Этого не должно быть, ознакомьтесь с jsfiddle @Eray. Там все отлично работает.
3. @esqew — Это работает, но если нет пробелов, это не работает… Посмотрите на это: ссылка
4. @Sam007 Если я хотел бы, чтобы текст переносился, а не был скрыт многоточиями, каков выход?
Ответ №2:
максимальная ширина и ширина — оба — не предотвращают переполнение, если текст не содержит пробелов, как в примере в вопросе.
div {
max-width : 300px;
word-wrap: break-word;
}
смотрите Эту Скрипку для решения.
В этом случае div должен иметь стиль «перенос слов: разрыв слова«, чтобы работать.
Ответ №3:
С максимальной шириной. Пример: http://jsfiddle.net/YCV8H /