0
208
Vistascss word-wrap no funciona para ajustar el texto en div
css word-wrap no funciona correctamente para envolver texto dentro de div, funcionará si no uso javascript pero combinado con mi código JS, el texto saldrá de mi borde
Este es el resultado que estoy buscando: 
const quotes = [ { text: '111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111', }, { text: '222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222', }, ] const text = document.querySelector('.text'); function randButton() { let random = Math.floor(Math.random() * quotes.length); text.innerHTML = quotes[random].text; } randButton(); .example-1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; background: white; border-style: solid; border-radius: 5px; padding: 3px 3px 3px 3px; width: 425px; } <div class="example-1" > <div id="wallet_btc" class="text example"> </div> </div> <br> <button onclick="randButton()" id="aaa" class="btn btn-primary a55" value="button" type="button" style="font-size:18px">Random</button>
·
Juan Pablo Isaza
1 Respuestas
Responde la pregunta0
Puedes deshacerte de todos tus elementos flex y simplemente hacer word-break: break-all; como esto:
const quotes = [ { text: '111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111' }, { text: '222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222' }, ]; const text = document.querySelector('.text'); function randButton() { let random = Math.floor(Math.random() * quotes.length); text.innerHTML = quotes[random].text; } randButton(); .inner-style { background: white; border-style: solid; border-radius: 5px; padding: 3px 3px 3px 3px; width: 425px; word-break: break-all; } <div class="style1" > <div id="wallet_btc" class="text inner-style"> </div> </div> <br/> <button onclick="randButton()" id="aaa" class="btn btn-primary a55" value="button" type="button" style="font-size:18px">Random</button>
·
Juan Pablo Isaza
Denunciar
Responde la pregunta