Empresas
Empregos
  • Sobre nós
  • Soluções
    • Publicação de vagas
      Publique sua vaga e receba candidatos qualificados em 48h.
    • Avaliações de candidatos
      Mais de 500 testes técnicos e psicológicos, mais anti-fraude.
    • Headhunting
      Busca executiva personalizada do início ao fim.
    • Folha de Pagamento + EOR
      Dispersão de folha e EOR em mais de 15 países da LATAM.
  • Preços
  • Empregos

0

145
Visualizações
Cuadro de entrada CSS cortando texto

Tengo un problema en el que se corta el texto de este cuadro de entrada. He aumentado el alto y el ancho y sigue mostrando la misma cantidad de caracteres. También he usado page-break-after: always y el problema no se soluciona. Aquí está el código:

 input[division]{ font-size: 13px; height: 70px; resize: none; text-align: center; page-break-after: always }
 <div><p><b><br>Division:</b><input id='transfer_out_division' type='text' value="EMD - AFC Program & Information Management" top required division></input></p></div>

Me gustaría que el texto vaya a la siguiente línea una vez que llegue al final del cuadro de entrada. Estaba tratando de hacer que el cuadro de entrada tuviera al menos 3 líneas de largo. Encaja perfectamente con pero no quiero usar ese elemento ya que cuando voy a imprimir, imprime una línea más abajo y me resultó difícil arreglarlo. La entrada parece ser la forma más fácil de obtener las restricciones de impresión lo más consistentes posible.

Esto es lo que producen las propiedades de impresión cuando uso textarea: ingrese la descripción de la imagen aquí

Me gustaría que esto esté en la misma línea por motivos de espacio. ¿Cómo arreglaría esto?

about 4 years ago · Juan Pablo Isaza
3 Respostas
Responde à pergunta

0

Como arriba... usa un área de texto

 #textarea { display: flex; align-items: center; } #transfer_out_division { font-size: 13px; margin-left: 30px; }
 <div id="textarea"> <div><p> <b>Division:</b> </p></div> <textarea id='transfer_out_division' type='text' placeholder="EMD - AFC Program & Information Management" top required division></textarea> </div>

Solo tendrá que jugar con esto. He cambiado el value por un placeholder de posición para que pueda ver el contenido.

about 4 years ago · Juan Pablo Isaza Relatório

0

Aunque no es ideal, agregaría min-width: a su CSS, obligando a la etiqueta de entrada a tener un ancho mínimo de su elección. Por ejemplo: min-width: 20%;

about 4 years ago · Juan Pablo Isaza Relatório

0

También puede hacer que la altura y el ancho sean iguales al contenido de ajuste

about 4 years ago · Juan Pablo Isaza Relatório
Responde à pergunta
Encontrar trabalhos remotos

Descubra a nova forma de encontrar um emprego!

melhores empregos
Principais categorias de trabalho
Empresas
Postar vaga Preços Comercial
Jurídico
Termos e Condições Política de privacidade
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomende algumas ofertas para mim
Preciso de ajuda