Página delantera > Programación > Tamaño de entrada frente a ancho: ¿cuál es mejor para la compatibilidad entre navegadores?
Tamaño de entrada frente a ancho: ¿cuál es mejor para la compatibilidad entre navegadores?
Publicado el 2024-11-12
Navegar:797
Tamaño de entrada vs ancho
Al especificar el tamaño de un campo de entrada, tiene dos opciones: usar el atributo tamaño o el ancho Propiedad CSS. Pero, ¿cuál es el mejor código para varios navegadores?
La respuesta es: puedes usar ambos. El estilo CSS anulará el atributo de tamaño en los navegadores que admiten CSS y hará que el campo tenga el ancho correcto, y para aquellos que no lo hacen, recurrirá al número especificado de caracteres.
Editar : Debería haber mencionado que el atributo de tamaño no es un método preciso para dimensionar: según la especificación HTML, debería referirse al número de caracteres de la fuente actual que la entrada podrá a mostrar a la vez.
Sin embargo, a menos que la fuente especificada sea una fuente monoespaciada/de ancho fijo, esto no es una garantía de que el número especificado de caracteres será realmente visible; En la mayoría de las fuentes, los diferentes caracteres tendrán diferentes anchos. Esta pregunta tiene algunas buenas respuestas relacionadas con este problema.
El siguiente fragmento demuestra ambos enfoques.
Último tutorial
Más>
-
¿Cómo ajustar automáticamente el tamaño de un área de texto con JavaScript puro?Altura automática del área de textoEsta pregunta tiene como objetivo eliminar la barra de desplazamiento de un área de texto y ajustar su altura para ...Programación Publicado el 2024-11-17 -
¿Cuándo es una práctica legítima llamar manualmente a un destructor?¿Cuándo se justifica llamar manualmente a un destructor?A menudo se afirma la noción de que llamar manualmente a un destructor indica un diseño defect...Programación Publicado el 2024-11-17
-
FormaciónLos métodos son fns que se pueden invocar en objetos Los arreglos son objetos, por lo tanto también tienen métodos en JS. segmento (comienzo):...Programación Publicado el 2024-11-17
-
¿Por qué recibo un \"InterfaceError (0, \'\')\" en mis consultas de la base de datos de Django?Encontrar un error de interfaz (0, '') en la ejecución de consultas de DjangoLos usuarios de Django pueden encontrar un "Error de interfa...Programación Publicado el 2024-11-17
-
¿Cómo combino dos matrices asociativas en PHP manteniendo ID únicas y manejando nombres duplicados?Combinando matrices asociativas en PHPEn PHP, combinar dos matrices asociativas en una sola matriz es una tarea común. Considere la siguiente solicitu...Programación Publicado el 2024-11-17
-
Más allá de las declaraciones "if": ¿dónde más se puede utilizar un tipo con una conversión "bool" explícita sin conversión?Conversión contextual a bool permitida sin conversiónSu clase define una conversión explícita a bool, lo que le permite usar su instancia 't' ...Programación Publicado el 2024-11-17
-
¿Cómo resolver el error \"Error de compilación: ir: analizar /models/go.mod: abrir /models/go.mod: no existe tal archivo o directorio\" al implementar funciones de Go Cloud con módulos Go?Implementación de la función Google Cloud con error de módulos GoAl intentar implementar una función Google Cloud en Go 1.11 usando módulos Go, los de...Programación Publicado el 2024-11-17
-
¿Por qué mi Golang `exec.Command` devuelve "Estado de salida 1"?Cómo identificar la causa del error "Estado de salida 1" en el comando exec.Command de GolangAl ejecutar el método exec.Command en Golang , ...Programación Publicado el 2024-11-17
-
¿Cómo actualizar un objeto anidado en estado usando `setState`?Actualizar state.item[1] en el estado usando setStateEn esta situación, estás intentando actualizar un objeto dentro de un objeto en su estado usando ...Programación Publicado el 2024-11-17
-
¿Qué pasó con la compensación de columnas en Bootstrap 4 Beta?Bootstrap 4 Beta: eliminación y restauración del desplazamiento de columnasBootstrap 4, en su versión Beta 1, introdujo cambios significativos en la f...Programación Publicado el 2024-11-17
-
Conexión de PHP a bases de datos: MySQL para principiantesEs muy importante conectarse a la base de datos MySQL en PHP. Los pasos son los siguientes: Instale la extensión MySQL. Utilice la función mysqli_con...Programación Publicado el 2024-11-17
-
¿Por qué CSS `visibilidad: oculta` falla en los efectos de desplazamiento?Revelando el misterio: por qué falla la visibilidad de CSS al pasar el mouseLa visibilidad de CSS ofrece una manera conveniente de manipular la visibi...Programación Publicado el 2024-11-17
-
¿Cuándo utilizar parseInt() y Number() para la conversión de cadena a número en JavaScript?Conversión de cadenas en números con parseInt() y Number()Al convertir cadenas en números en JavaScript, dos funciones comúnmente utilizadas son parse...Programación Publicado el 2024-11-17
-
Elemento Evitar el uso innecesario de excepciones marcadas.Las excepciones marcadas son una herramienta poderosa en Java, ya que obligan al programador a manejar condiciones excepcionales, lo que aumenta la co...Programación Publicado el 2024-11-17
-
¿Cómo puedo encontrar usuarios con los cumpleaños de hoy usando MySQL?Cómo identificar usuarios con los cumpleaños de hoy usando MySQLDeterminar si hoy es el cumpleaños de un usuario usando MySQL implica encontrar todas ...Programación Publicado el 2024-11-17
Estudiar chino
- 1 ¿Cómo se dice "caminar" en chino? 走路 pronunciación china, 走路 aprendizaje chino
- 2 ¿Cómo se dice "tomar un avión" en chino? 坐飞机 pronunciación china, 坐飞机 aprendizaje chino
- 3 ¿Cómo se dice "tomar un tren" en chino? 坐火车 pronunciación china, 坐火车 aprendizaje chino
- 4 ¿Cómo se dice "tomar un autobús" en chino? 坐车 pronunciación china, 坐车 aprendizaje chino
- 5 ¿Cómo se dice conducir en chino? 开车 pronunciación china, 开车 aprendizaje chino
- 6 ¿Cómo se dice nadar en chino? 游泳 pronunciación china, 游泳 aprendizaje chino
- 7 ¿Cómo se dice andar en bicicleta en chino? 骑自行车 pronunciación china, 骑自行车 aprendizaje chino
- 8 ¿Cómo se dice hola en chino? 你好Pronunciación china, 你好Aprendizaje chino
- 9 ¿Cómo se dice gracias en chino? 谢谢Pronunciación china, 谢谢Aprendizaje chino
- 10 How to say goodbye in Chinese? 再见Chinese pronunciation, 再见Chinese learning
Decodificación de imagen base64
pinyin chino
Codificación Unicode
Compresión de cifrado de ofuscación JS
Herramienta de cifrado hexadecimal de URL
Herramienta de conversión de codificación UTF-8
Herramientas de codificación y decodificación Ascii en línea
herramienta de cifrado MD5
Herramienta de cifrado y descifrado de texto hash/hash en línea
Cifrado SHA en línea