Перерыв непропированных составных слов на границе слова

Я использую Bootstrap. Скажем, у меня есть текст, который выглядит так:

"Stackoverflow"

Могу ли я как-то автоматически убедиться, что он так разбивается, если текст не соответствует контейнеру:

"Стек
-overflow "

вместо:

"Стечков
-erflow "

с HTML/CSS?

Ответы

Ответ 1

Вы можете вставить  (мягкий дефис)

#box {
  font-size:14px;
  font-family:courier;
  width:90px;
  background:yellow;
 }

<div id="box">Stack&shy;overflow</div>

Ответ 2

Вы можете использовать тег <wbr>:

p {
  width: 60px;
  border: 1px solid black;
}

<p>Stack<wbr>overflow</p>

Ответ 3

Нет, для документа "Stackoverflow" - это одно слово. Если вы используете свойство CSS для разрыва слова, оно разбивается в соответствии с доступным пространством.

Вы должны определить его, если хотите разбить его на определенную точку.

Вы можете использовать Stack<wbr>overflow или Stack-overflow.

Если используется Stack<wbr>overflow, тогда он будет разбит на <wbr>.

p.test1 {
    width: 60px;
    border: 1px solid #000000;
}

<p class="test1">Stack<wbr>overflow</p>

Ответ 4

Если вы хотите сломать определенное слово, тогда полученные ответы будут работать - вставьте невидимый прорыв. Это, как указано, вредит поисковым результатам, но не так плохо, как вы думаете.

Если вы хотите сломать все составные термины, которые требуют обертывания, без ручного перехода и проверки, тогда нет никакого способа сделать это, потому что вам нужен контекстно-зависимый анализ на английском языке, что означает, что вам нужен человеческий мозг.

Посмотрите, как бы вы сломали следующие строки:

lowrateslender.com
musictoyourears.com
heresearch.com
nakedsnow.com
picturespain.com
catspaying.net
attackshoes.com
williamsharp.net
andreward.net
goalsnow.net
hesstruck.net
artistrap.com
buildingskill.com
bearspray.com
atticsweep.com
matthewhale.com
singershaven.com
shoesworn.com
sinuscatscan.com
cometart.com
monkeyslap.com
scriptshack.com
nasalbum.com
moviesick.com
arizonasparesort.com
privateshot.com
nationsprinting.com
importcarshow.com

(скопировано в Google поиск "неоднозначных доменных имен" )

... даже учитывая словарь для определения целых слов в этих терминах и вставки разрывов на этих границах, было бы важно, разделите ли вы эти слова, как, скажем, "import-car-show" "или" import-cars-how ".

Одним из основных навыков программирования является определение алгоритмов, требующих обработки естественного языка, и выбор только для "достаточно хорошего" алгоритма, а не тратить время на него. Это один из таких случаев.

Ответ 5

Вы можете использовать пространство с нулевой шириной, . Просто введите Stackoverflow в HTML.