титульная страница > программирование > Размер ввода или ширина: что лучше для кроссбраузерной совместимости?
Размер ввода или ширина: что лучше для кроссбраузерной совместимости?
Опубликовано 12 ноября 2024 г.
Просматривать:432
Размер ввода и ширина
При указании размера поля ввода у вас есть два варианта: использовать атрибут size или атрибут width CSS-свойство. Но какой из них является лучшим кроссбраузерным кодом?
Ответ: вы можете использовать оба. Стиль CSS переопределяет атрибут размера в браузерах, поддерживающих CSS, и устанавливает правильную ширину поля, а в тех, которые этого не делают, он возвращается к указанному количеству символов.
Редактировать : Я должен был упомянуть, что атрибут размера не является точным методом определения размера: согласно спецификации HTML, он должен ссылаться на количество символов текущего шрифта, которые будут вводиться иметь возможность отображать одновременно.
Однако, если указанный шрифт не является шрифтом фиксированной ширины или моноширинным шрифтом, это не является гарантией того, что указанное количество символов действительно будет видно; в большинстве шрифтов разные символы будут иметь разную ширину. На этот вопрос есть несколько хороших ответов, касающихся этой проблемы.
Фрагмент ниже демонстрирует оба подхода.
Последний учебник
Более>
-
Как автоматически изменить размер текстовой области с помощью чистого JavaScript?Автовысота текстовой областиЭтот вопрос направлен на устранение полосы прокрутки текстовой области и настройку ее высоты в соответствии с содержимым в...программирование Опубликовано 17 ноября 2024 г. -
Когда вызов деструктора вручную является законной практикой?Когда оправдан вызов деструктора вручную?Часто утверждается, что вызов деструктора вручную указывает на ошибочный дизайн. Однако возникает вопрос: сущ...программирование Опубликовано 17 ноября 2024 г.
-
МножествоМетоды — это fns, которые можно вызывать на объектах Массивы — это объекты, поэтому в JS у них также есть методы. срез (начало): извлечь часть...программирование Опубликовано 17 ноября 2024 г.
-
Why am I getting an \'InterfaceError (0, \'\')\' in my Django database queries?In Django, a persistent "InterfaceError (0, '')" error occurs during database queries due to the use of global cursors. MySQL, Django's underlying database, experiences issues with these persistent connections, leading to the error under moderate load. Thпрограммирование Опубликовано 17 ноября 2024 г.
-
Как объединить два ассоциативных массива в PHP, сохранив при этом уникальные идентификаторы и обработав повторяющиеся имена?Объединение ассоциативных массивов в PHPВ PHP объединение двух ассоциативных массивов в один — распространенная задача. Рассмотрим следующий запрос:Оп...программирование Опубликовано 17 ноября 2024 г.
-
Помимо операторов if: где еще можно использовать тип с явным преобразованием bool без приведения?Контекстное преобразование в bool разрешено без приведения Ваш класс определяет явное преобразование в bool, что позволяет использовать его экземпляр ...программирование Опубликовано 17 ноября 2024 г.
-
Как устранить ошибку «Ошибка сборки: go: синтаксический анализ /models/go.mod: открыть /models/go.mod: нет такого файла или каталога» Ошибка при развертывании облачных функций Go с модулями Go?Ошибка развертывания функции Google Cloud с модулями GoПри попытке развернуть функцию Google Cloud в Go 1.11 с использованием модулей Go разработчики ...программирование Опубликовано 17 ноября 2024 г.
-
Почему мой Golang `exec.Command` возвращает «Состояние выхода 1»?Как определить причину ошибки «Exit Status 1» в exec.Command GolangПри выполнении метода exec.Command в Golang , получение ошибки «статус выхода 1» мо...программирование Опубликовано 17 ноября 2024 г.
-
Как обновить вложенный объект в состоянии с помощью setState?Обновить state.item[1] в состоянии с помощью setStateВ этой ситуации вы пытаетесь обновить объект внутри объекта в вашем штате с помощью setState. Что...программирование Опубликовано 17 ноября 2024 г.
-
Что случилось со смещением столбцов в бета-версии Bootstrap 4?Bootstrap 4 Beta: удаление и восстановление смещения столбцовBootstrap 4 в своей бета-версии 1 внес существенные изменения в способ столбцы были смеще...программирование Опубликовано 17 ноября 2024 г.
-
Подключение PHP к базам данных: MySQL для начинающихОчень важно подключиться к базе данных MySQL в PHP. Шаги следующие: Установите расширение MySQL. Используйте функцию mysqli_connect() для создания со...программирование Опубликовано 17 ноября 2024 г.
-
Почему CSS `visibility: скрытый` не работает с эффектами наведения?Раскрытие тайны: почему видимость CSS не работает при наведении курсораВидимость CSS предлагает удобный способ управления видимостью элементов, но ино...программирование Опубликовано 17 ноября 2024 г.
-
Когда использовать parseInt() и Number() для преобразования строк в числа в JavaScript?Преобразование строк в числа с помощью parseInt() и Number()При преобразовании строк в числа в JavaScript обычно используются две функции parseInt () ...программирование Опубликовано 17 ноября 2024 г.
-
Пункт: Избегайте ненужного использования проверенных исключений.Проверяемые исключения — мощный инструмент в Java, поскольку они заставляют программиста обрабатывать исключительные условия, повышая надежность кода....программирование Опубликовано 17 ноября 2024 г.
-
Как я могу найти пользователей, у которых сегодня дни рождения, используя MySQL?Как определить пользователей с сегодняшним днем рождения с помощью MySQLОпределение того, является ли сегодня день рождения пользователя с помощью M...программирование Опубликовано 17 ноября 2024 г.
Изучайте китайский
- 1 Как сказать «гулять» по-китайски? 走路 Китайское произношение, 走路 Изучение китайского языка
- 2 Как сказать «Сесть на самолет» по-китайски? 坐飞机 Китайское произношение, 坐飞机 Изучение китайского языка
- 3 Как сказать «сесть на поезд» по-китайски? 坐火车 Китайское произношение, 坐火车 Изучение китайского языка
- 4 Как сказать «поехать на автобусе» по-китайски? 坐车 Китайское произношение, 坐车 Изучение китайского языка
- 5 Как сказать «Ездить» по-китайски? 开车 Китайское произношение, 开车 Изучение китайского языка
- 6 Как будет плавание по-китайски? 游泳 Китайское произношение, 游泳 Изучение китайского языка
- 7 Как сказать «кататься на велосипеде» по-китайски? 骑自行车 Китайское произношение, 骑自行车 Изучение китайского языка
- 8 Как поздороваться по-китайски? 你好Китайское произношение, 你好Изучение китайского языка
- 9 Как сказать спасибо по-китайски? 谢谢Китайское произношение, 谢谢Изучение китайского языка
- 10 How to say goodbye in Chinese? 再见Chinese pronunciation, 再见Chinese learning
Декодирование изображения в формате base64
Китайский Пиньинь
Кодировка Юникод
JS-обфускация, шифрование, сжатие
Инструмент шестнадцатеричного шифрования URL-адресов
Инструмент преобразования кодировки UTF-8
Онлайн-инструменты кодирования и декодирования Ascii
Инструмент шифрования MD5
Онлайн-инструмент для шифрования и дешифрования хеша/хеш-текста
Онлайн-шифрование SHA