Frank K Hosaka Postado Novembro 15, 2023 Denunciar Share Postado Novembro 15, 2023 Eu fiz um código, estipulando 35 caracteres como o máximo que dá para colocar em 7 cm na tela do celular, mas ficou um horror: astudy/Model/funcoes.php <meta name="viewport" content="width=device-width"> <?php class funcoes { public function ajustarTexto($texto){ if(strlen($texto)>35){ return substr($texto,0,32)."...";} else {return $texto;}} } $funcoes=new funcoes(); echo "<br>".$funcoes->ajustarTexto("Descontinuar Abraçadeira Fluorescente"); echo "<br>".$funcoes->ajustarTexto("Descontinuar Acabamento Registro de Pressão"); Existe algum jeito de fazer os dois textos terminarem exatamente no canto direito do celular? Citar Link para o comentário Compartilhar em outros sites More sharing options...
1 wash Postado Novembro 15, 2023 Denunciar Share Postado Novembro 15, 2023 Se puder fixar a largura do container do texto, talvez seja possível resolver com text-overflow: https://developer.mozilla.org/pt-BR/docs/Web/CSS/text-overflow https://codepen.io/washalbano/pen/xxMrPLL?editors=1100 Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Frank K Hosaka Postado Novembro 15, 2023 Autor Denunciar Share Postado Novembro 15, 2023 Valeu. Não consegui fazer funcionar as elipsis, mas o CSS do cálculo é bom demais! <style>p {width:calc(8cm - 8px);white-space: nowrap;overflow:hidden}</style> Pensei em usar a propriedade text-overflow, mas ele não funcionou. A função calc só funciona se você colocar espaço antes e depois do operador -. Citar Link para o comentário Compartilhar em outros sites More sharing options...
1 wash Postado Novembro 17, 2023 Denunciar Share Postado Novembro 17, 2023 O sr. acompanhou a doc? text-overflow não funciona sozinho. É necessário setar pelo menos outras duas regras css. Citar Link para o comentário Compartilhar em outros sites More sharing options...
Pergunta
Frank K Hosaka
Eu fiz um código, estipulando 35 caracteres como o máximo que dá para colocar em 7 cm na tela do celular, mas ficou um horror:
Existe algum jeito de fazer os dois textos terminarem exatamente no canto direito do celular?
Link para o comentário
Compartilhar em outros sites
3 respostass a esta questão
Posts Recomendados
Participe da discussão
Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.