html - texto - Rompe palabras compuestas sin guiones en el límite de la palabra

palabras compuestas unidas

Question

Estoy usando Bootstrap . Digamos que tengo un texto que se ve así:

"Desbordamiento de pila"

De alguna manera, puedo asegurarme automáticamente de que se rompa así si el texto no se ajusta al contenedor:

"Apilar
-rebosar"

en lugar de:

"Stackov
-el flujo

con HTML / CSS?

Answer 1

No, para un documento "Stackoverflow" es una sola palabra. Si está utilizando una propiedad CSS para dividir la palabra, se romperá de acuerdo con el espacio disponible.

Tienes que definirlo si quieres separarlo de un punto en particular.

Puede usar el Stack<wbr>overflow o el Stack<wbr>overflow Stack-overflow .

Si usa el Stack<wbr>overflow , entonces se romperá en <wbr> .

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

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

O, si usa Stack-overflow y usa la propiedad CSS word-break: keep-all; entonces se romperá en guiones:

p.test1 {
    width: 60px;
    border: 1px solid #000000;
    word-break: keep-all;
}

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

Pero tienes que definir uno de ellos.

Answer 2

Puede usar espacio de ancho cero, ​ . Simplemente escriba Stack​overflow in HTML.

Answer 3

Puedes insertar ­ (guión suave)

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

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

Answer 4

Puedes usar la etiqueta <wbr> :

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

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

Answer 5

Si desea romper una palabra específica , entonces las respuestas proporcionadas funcionarán: inserte una ruptura invisible de algún tipo. Como se ha señalado, daña los resultados de búsqueda, pero no es tan malo como se podría pensar.

Si desea romper todos los términos compuestos que necesitan ser ajustados, sin revisarlos manualmente, entonces no hay manera de hacerlo , porque necesita un análisis del idioma inglés sensible al contexto, lo que significa que necesita que lo haga un cerebro humano.

Considera cómo romperías las siguientes cadenas:

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

(Copia pegada de una búsqueda de Google para "nombres de dominio ambiguos")

... incluso si se le da un diccionario para identificar palabras enteras dentro de estos términos, e insertar espacios de ruptura en esos límites, sería un problema si dividiría estas palabras como, por ejemplo, "import-car-show" o " import-cars-how ".

Una de las principales habilidades para la programación es identificar algoritmos que requieran un procesamiento de lenguaje natural y optar por un algoritmo "suficientemente bueno" en lugar de perder tiempo en él. Este es uno de esos casos.