Описание тега css-hyphens

Описание тега Вопросы с тегом
Свойство CSS дефисов сообщает браузеру, как разбивать слова, чтобы улучшить макет текста при переносе строк.
2 ответа

Автоматически разбивает длинные слова внутри контейнера DIV, но предпочитает разрыв строки в пробелах

У меня есть какой-то меньший боковой контейнер, #sideNavContainerв родительском div с другой стороны (справа) находится другой div для содержимого. Когда я помещаю текст в #sideNavContainer который содержит очень длинные слова без пробелов, слова на…
10 окт '18 в 15:32
0 ответов

Почему дефисы не работают: авто работает в инспекторе хрома?

Я редактировал свой сайт, и есть очень длинное слово, для которого мне пришлось использовать дефисы. Я провел некоторое исследование, и есть возможность использовать "авто", поэтому мне не нужно делать это вручную. Но когда я редактировал его в моем…
08 фев '19 в 15:27
2 ответа

Получите слово, разбитое на слоги и разделенное дефисами, не отображая его как

Я хотел бы получить строку, состоящую из слова, разбитого на один или несколько слогов, и, если их несколько, с дефисами, между ними тоже. Например: я хотел бы вывести Floccinaucinihilipil-ification из Floccinaucinihilipilification. Современные брау…
07 фев '17 в 12:44
1 ответ

Как сделать разрыв слова с помощью дефиса с помощью CSS

Когда я пытался сделать разрыв строки с помощью word-break чтобы все выровнялись по сторонам, как показано ниже или в этой демонстрации, в ней не было видно переносов. Моя первая попытка была в Chrome, затем я отправился в caniuse и обнаружил, что h…
16 сен '15 в 02:18
2 ответа

Изменено поведение дефисов CSS в Chrome 55.0.2883.95

Кажется, что установка "дефисов" на "авто" теперь имеет более высокий приоритет, чем "пустое пространство: сейчас". В предыдущих версиях Chrome (54 предыдущих в Mac) и других браузерах (FF, Safari, IE) это выглядит как "пробел: сейчас" перебивает де…
03 янв '17 в 18:23
2 ответа

Слова в начале строки, JS & CSS

В настоящее время я пытаюсь написать игру в палач на JS (я новичок в WEB-технологиях), и я столкнулся с моим первым препятствием. Моя строка-заполнитель для слова угадать, то есть строка дефисов и пробелов, пробивает конец элемента div, содержащего …
02 ноя '17 в 11:42
1 ответ

Ошибка Microsoft Edge с использованием переносов и flexbox

Этот код показывает два контейнера div. На div с идентификатором a является display: flex; задавать. На обоих у нас есть переносы, активированные с помощью -ms-hyphens: auto;, Но в IE или Edge перенос работает только на div без подключенной flexbox.…
05 май '17 в 13:06
0 ответов

Является ли эта особенность переноса вопросом Unicode или Firefox?

Для того, чтобы состав something/something разрешить все следующие переносы (в браузере с настройкой CSS hyphen:auto): some- thing/something something/ something something/some- thing Я вставляю НУЛЕВОЙ БЕЛЫЙ ПРОБЕЛ (U+200b) после солидуса. Без этой…
19 авг '18 в 20:43
1 ответ

Как сделать браузер автоматически переносить дефисы только тогда, когда это абсолютно необходимо?

* { hyphens: auto; } Как заставить браузеры использовать только мягкие переносы слов, которые слишком длинны, чтобы поместиться на экране, и слова, которые очень длинные и оставляют большие пропуски при полном переносе? Текущее поведение не являетс…
10 авг '18 в 00:12
3 ответа

css прервать слово с дефисом

Я хочу разбить длинное слово с дефисом в конце первой строки. Ожидаемое: BERUFSBILDUNGSZENT- RUM Получил это: BERUFSBILDUNGSZENT RUM Вот мой HTML и CSS: <div class="content">BERUFSBILDUNGSZENTRUM</div> .content { max-height: 80px; width:…
09 мар '17 в 02:52
1 ответ

Есть ли способ повторно использовать созданный CSS3 перенос слов?

Я пытаюсь разделить слова на слоги на сайте, который помогает детям научиться читать. Это оказывается трудно. Библиотеки переносов JavaScript большие. Браузер Chrome уже может автоматически переносить дефисы, используя hyphens: auto; Тег CSS3. Я хот…
22 мар '17 в 23:51
1 ответ

Почему эти слова ломаются в странных местах?

Вот живой сайт: http://chadfraser.com/ Как вы можете видеть, если вы смотрите на мобильном телефоне или масштабируете окно браузера, слова разбиваются на странные места. Я мог бы добавить дефисы, за исключением того, что мой клиент - профессиональны…
17 апр '15 в 22:16
1 ответ

Создание Javascript RegEx для проверки дефисов BEM и camelCase

У меня есть это регулярное выражение для обнаружения дефиса BEM в файлах CSS ^([\.\%]?[a-z]*[-]?[a-z0-9\-]*)(\.[a-z0-9\-]*)?(__[a-z0-9]*[-]?[a-z0-9\-]*)?(--[a-z0-9]*[-]?[a-z0-9\-]*)?(\:[a-z]*)*$ но я также хотел бы, чтобы он обнаружил CamelCase, а т…
11 май '17 в 10:27
3 ответа

Почему дефисы не работают с внутренним <span>?

Я пытаюсь заставить дефисы работать с текстом, &lt;span&gt; элементы внутри для подсветки. Это, кажется, нарушает алгоритм дефиса. Есть ли способ исправить поведение, чтобы дефисы располагались так же, как и без &lt;span&gt; элементы? Я не спрашиваю…
26 июл '17 в 07:15
1 ответ

Безопасный фильтр не работает над проблемой застенчивых тегов

У меня проблема с разрывом слов в нужном месте в шаблоне Django. Появляется &amp;shy;Я пытаюсь фильтровать безопасно, но это не работает. Вот мой код: &lt;div class="my_class"&gt; &lt;h3&gt;{{ object.title|safe }}&lt;/h3&gt; &lt;/div&gt;
22 авг '16 в 11:55
1 ответ

Разрыв слова для элементов относительного размера

Я очень старался найти решение для этого, но ничего не получается. Слова в элементах местоположения не ломаются и не меняют строки, я пробовал все, перенос слов: ломать все | ломать слово и текущее издание. Ничто, кажется, не разбивает длинные очере…
25 июн '15 в 19:55
3 ответа

Слово FireFox разрывается с помощью css, но по одной букве за раз, а не там, где идут дефисы

Слово FireFox разрывается с помощью css, но по одной букве за раз, а не там, где должны быть дефисы??? НЕ FireFox: Fire Fox: Вот CSS: .superLongStuff { /* SUPER LOOOOOOOOOOOONG WORD STUFF ... */ /* These are technically the same, but use both */ ove…
09 дек '17 в 16:10
3 ответа

Автоматический, мягкий перенос в CSS

В декабре прошлого года CSS3 Hyphens поддержка якобы пришла к Chrome . Кроме того, IE должен быть на борту, в дополнение к другим основным браузерам. Обновление. Получив ответы ниже, я понимаю, что неправильно интерпретировал сноску на сайте caniuse…
03 мар '17 в 10:19
4 ответа

CSS-дефисы не работают в Firefox?

Я пытаюсь использовать CSS дефисы. Они работают в IE 11 и Safari, но не работают в Firefox должным образом, и я не уверен, почему. Вот пример: .container{ width: 16.6667%; background:#ccc; } h3{ font-size: 0.95rem; font-weight: 600; -moz-hyphens: au…
11 мар '15 в 00:29
0 ответов

Можно контролировать & застенчивый; внешний вид?

Я обнаружил, что существуют разные способы, которыми мягкий дефис может разбить слово, в зависимости от ширины оболочки слов. Пример JSFiddle ясно показывает это. Первые два слова (в примере) выглядят так, как я ожидал, но последние два слова для ме…
08 мар '16 в 19:41