Поставить строку при разрыве слова

Question

0

Как поместить "-", когда текст слишком мал для поля "div" и должен иметь опцию линии разрыва.

div id="box"> TExttexttexttext </div>

#box { border:1px solid #000;
   width:50px;
   height:auto;
   word-wrap: break-word;
}

Я хочу, чтобы текст перешел на другую строку, чтобы поставить "-".

user3066588 04 дек. 2013, в 18:22

Теги:

1 ответ

Sterling Archer · Answer 1 · 2013-12-04T15-45-00.000Z

Проверьте свойство CSS "дефисы"

#box { border:1px solid #000;
       width:50px;
       height:auto;
       word-wrap: break-word;
       hyphens:auto;
}

Обратите внимание, что вам понадобятся префиксы -webkit, -moz и т.д. Для соответствующей совместимости с кросс-браузером