Как переносить слова <ul><li><div><a></a></div></li></ul>

Question

Как я могу иметь перенос слов, если текст в <a> слишком длинный? Я хочу, чтобы <li> расширился до переноса слов с помощью CSS.

Answer 1

Вы ищете word-wrap недвижимость?

<ul>
    <li>
        <div style="word-wrap: break-word;">
            <a></a>
        </div>
    </li>
</ul>

Answer 2

Не совсем уверен, что вы здесь, но CSS3 text-wrap или word-wrap может сделать это.

Вы также можете попробовать установить ширину на <li>. Это заставит текст внутри него на определенную ширину.

Наконец, если текст не содержит пробелов / переносимых символов, возможно, <wbr> может работать