Как проверить работоспособность CSS-дефисов с помощью инструментов разработчика Chrome?

Question

Я пытаюсь установить автоматические дефисы через CSS. Я использую следующий CSS:

body {
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

Мой текст не кажется дефисом. Поэтому я проверил, правильно ли загружен CSS, и теперь я пытаюсь проверить, какой дефис действует на конкретный элемент. После нажатия клавиши F12 я не нахожу никаких связанных с дефисом CSS.

Что мне не хватает?

Answer 1

На мгновение дефис не поддерживается в chrome (кроме значения по умолчанию "none", которое ничего не дает), поэтому вы скорее не увидите никакого эффекта, возможно, вместо этого попробуйте какое-нибудь решение javascript: https://github.com/mnater/hyphenator

http://caniuse.com/