Cómo evitar que una entrada de texto se rompa en varias líneas [cerradas] -- html campo con css campo con twitter-bootstrap camp Relacionados El problema

How to prevent a text input from breaking into multiple lines [closed]


2
vote

problema

Español
cerrado. Esta pregunta necesita Detalles de depuración . Actualmente no está aceptando respuestas.

¿Quieres mejorar esta pregunta? actualizar la pregunta para que sea on-topic para el desbordamiento de la pila.

cerrado Hace 4 años .

Mejorar esta pregunta

no puede arreglar una altura de typehed de bootstrap tweeter. He estado tratando de dar al exterior div un ancho fijo y overflow:hidden; - no parece ayudar. El campo de entrada se hace más grande, ya que escribo más texto, no puede encajar, en lugar de mover naturalmente el caret. Estoy usando cromo.

El CSS del DIV externo se divide en varios lugares, si pudiera dar algunas pistas sería realmente genial. Esto ya me está volviendo loco.

antes

después de

  <div class="input-group"> <input type="text" class="form-control" autocomplete="off" data-role="tagsinput" id="searchBox"/>   
Original en ingles

Can't fix a tweeter bootstrap typeahed's height. I've been trying to give the outer div a fixed width and overflow:hidden; - doesn't seem to help. The input field gets bigger as I type in more text it can't fit, instead of just naturally moving the caret. I'm using Chrome.

The outer div's css is split up into multiple places, if you could just give some clues would be really great. This is driving me crazy already.

Before

After

<div class="input-group"> <input type="text" class="form-control" autocomplete="off" data-role="tagsinput" id="searchBox"/> 
        
   
   

Lista de respuestas

1
 
vote

Para evitar que la línea se rompa en líneas adicionales, intente agregar:

  input { white-space: nowrap; }   
 

To prevent the line from from breaking into additional lines, try adding:

input { white-space: nowrap; } 
 
 
     
     

Relacionados problema

0  ¿Cómo crear una barra de navegación con 2 menú de colapso? [duplicar]  ( How to create a navbar with 2 collapse menu ) 
Esta pregunta ya tiene respuestas aquí : consolidate múltiple bootstrap 3 menús de navatura en colap...

-4  Bootstrap Carousel Slider La capacidad de respuesta no funciona  ( Bootstrap carousel slider responsiveness is not working ) 
Hola He usado Bootstrap Carousel Slider en My Slider, pero la capacidad de respuesta móvil no funciona. Aquí está mi código: <div class="mobileimage"> <...

7  ¿Cuál es el signo más antes de una función? [duplicar]  ( What is the plus sign before a function ) 
Esta pregunta ya tiene respuestas aquí : Javascript Signo más frente a la expresión de la función ...

0  Mesa de bootstrap desbordando los padres CSS  ( Bootstrap table overflowing parent css ) 
Tengo una fila de bootstrap que contiene entre otras cosas un div con una mesa dentro. Por una razón desconocida, no puedo lograr que la mesa deje de desborda...

2  Las pestañas de Bootstrap, altura izquierda  ( Bootstraps tabs left height ) 
Utilizo las pestañas de Bootstrap con tabs-left6 clase. Sin embargo, si el contenido de un lo suficientemente grande, la frontera entre el menú y el conteni...

0  Twitter Bootstrap - Margen izquierdo y derecho en IE  ( Twitter bootstrap left and right margin in ie ) 
Estoy usando el último bootstrap de Twitter. Estoy en una etapa temprana para diseñar mi sitio. El problema es, cuando veo el sitio en otros navegadores, ex...

12  El menú Bootstrap desaparece después del primer clic, configurando el estilo UL para ninguno  ( Bootstrap menu disappears after first click setting the ul style to none ) 
Estoy tratando de hacer una nueva plantilla de WordPress con bootstrap. El menú desplegable no funciona correctamente. Después del segundo clic, se muestra: N...

1  Bootstrap Typeahead.js elimina el contenido de los datos existentes en el campo de formulario HTML OnLeave  ( Bootstrap typeahead js deletes content of existing data in html form field onlea ) 
Estoy usando Typeahead en un formulario que ya tiene datos. El problema es: cuando entro y luego deje el campo sin escribir nada, está vaciado por Typehead. ...

0  Crea un diseño de fluido como bootstrap  ( Create fluid layout like bootstrap ) 
Soy nuevo en HTML / CSS, así que probablemente estoy volviendo a bolsa. Estoy usando Bootstrap, pero el primer día lo usa. Estoy tratando de imitar exactament...

3  ¿Cómo puedo personalizar el bootstrap sin perder los cambios?  ( How can i customise bootstrap without losing the changes ) 
Estoy usando Bower para administrar bootstrap y me gustaría hacer algunos cambios (colores, tamaño de fuente, etc.) a la apariencia de bootstrap predeterminad...




© 2022 respuesta.top Reservados todos los derechos. Centro de preguntas y respuestas reservados todos los derechos