En este artículo, definimos un posible salto de línea en HTML usando un elemento <wbr> . Significa oportunidad de salto de palabra y se utiliza para definir la posición dentro del texto que el navegador trata como un salto de línea. Se usa principalmente cuando la palabra usada es demasiado larga y hay posibilidades de que el navegador rompa líneas en el lugar equivocado para ajustar el texto.
Sintaxis:
<wbr>
// Contents
</wbr>
Ejemplo 1:
<!DOCTYPE html>
<html>
<head>
<title>
How to defines a possible
line-break using HTML5?
</title>
<style>
body {
text-align: center;
}
.gfg {
font-size: 40px;
font-weight: bold;
color: green;
}
.geeks {
font-size: 25px;
font-weight: bold;
}
</style>
</head>
<body>
<div class="gfg">
GeeksforGeeks
</div>
<h2>
How to defines a
possible line-break
</h2>
<p>
GFGstandsforGeeksforGeeksanditis<wbr>
acomputerscienceportalforgeeks.
</p>
<p>
wbr element is a veryveryveryveryveryveryveryveryveryveryvery
<wbr>longwordthatwillbreakatspecific<wbr>
placeswhenthebrowserwindowisresized.
</p>
<b>By using the css Property
</body>
</html>
Producción:
Ejemplo 2:
<!DOCTYPE html>
<html>
<head>
<title>
How to define a possible
line-break using HTML5?
</title>
<style>
body {
text-align: center;
}
h1 {
color: green;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>
HTML5: How to defines
a possible line-break?
</h2>
<!-- br tag is used here -->
<p>
GeeksforGeeks: <br>
Computer science portal
</p>
</body>
</html>
Producción:
Navegadores compatibles:
- Google Chrome
- explorador de Internet
- Firefox
- Ópera
- Safari
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA