текст ссылки торчит из div - PullRequest
3 голосов
/ 30 января 2010

, чтобы сделать это просто, у меня есть следующий код:

<div>
     <a>view all your links</a>
</div>

ширина div очень мала, поэтому текст "все ваши ссылки" торчит из div. Как мне сделать, чтобы новая строка после "все ваши" так "ссылки" не торчали?

Ответы [ 3 ]

2 голосов
/ 30 января 2010

Вы не указали желаемый результат. Вы хотите, чтобы размер div изменился, чтобы вместить всю ширину ссылок? Если так, не помещайте фиксированную ширину в это или любой из его элементов предка. Хотите ли вы обрезать слишком длинные ссылки? Если это так, поместите overflow: hidden в стиле div.

2 голосов
/ 21 марта 2014

Если вы хотите визуально разрывать ссылки, чтобы они не выходили за пределы div, вы можете добавить word-wrap: break-word к a в вашей таблице стилей. Таким образом:

a {
    word-wrap: break-word;
}
1 голос
/ 30 января 2010

Используйте свойство max-width для ссылок a.

Редактировать: Вам, вероятно, понадобится display: block для тега a.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...