Блог

Главная - Вопросы по программированию - Как ограничить ширину div?

Как ограничить ширину div?

#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 должен иметь стиль «перенос слов: разрыв слова«, чтобы работать.

Или «overflow-wrap: break-word«

Ответ №3: