Вопросы с тегом «html»

Проблема , кажется, что некоторые буквы , как g, y, qи т.д. , которые имеют хвост , что наклоны вниз, не позволяют для вертикального центрирования. Вот изображение, чтобы продемонстрировать проблему . Символы в зеленом поле в основном идеальны, так как у них нет нисходящего хвоста. Те, кто в красной коробке, …

12 javascript  html  css  vertical-alignment 

Я пытался сделать так, чтобы таблица соответствовала странице (А4), как показано на картинке: я много искал, но не нашел ничего полезного в Интернете. Я использую динамическую таблицу, все в порядке, кроме ширины таблицы. вот мой код: $content = '<table><thead><tr><th class="bg-dark text-white" align="center">#</th><th align="center" class="bg-dark text-white">Code</th><th align="left" class="bg-dark text-white">Description</th><th align="center" class="bg-dark …

11 php  html  css  tcpdf 

У меня есть страница в моем веб-интерфейсе с различными кнопками, все кнопки сами по себе работают отлично, но если я нажимаю кнопку, открывающую расширение в интернет-магазине Chrome, а затем нажимаю другую кнопку, страница не открывается , Вот пример того, о чем я говорю. Если вы нажимаете кнопки, не закрывая открывающиеся …

11 javascript  html  google-chrome 

Я создал следующий сюжетный сюжет так: import plotly labels = ['Oxygen', 'Hydrogen', 'Carbon_Dioxide', 'Nitrogen'] values = [4500, 2500, 1053, 500] trace = plotly.graph_objs.Pie(labels=labels, values=values) plotly.offline.plot([trace], filename='basic-pie-chart') Затем я создал HTML как таковой: print(plotly.offline.plot([trace], include_plotlyjs=False, output_type='div')) Выполнение приведенного выше кода создает файл .html, который я могу просмотреть в своем браузере. Есть …

10 python  html  markdown  plotly  github-pages 

Я пытаюсь имитировать другие мобильные приложения чата, где при выборе send-message текстового поля и открытии виртуальной клавиатуры самое нижнее сообщение все еще отображается. Кажется, не существует способа сделать это с помощью CSS, так что JavaScriptresize (единственный способ выяснить, когда клавиатура открывается и закрывается, очевидно), события и ручная прокрутка для спасения. …

10 javascript  android  html  css  reactjs 

Я задал похожий вопрос вчера, но плохо объяснил, и не указал мое желание чисто CSS-решения, которое, я думаю, должно быть возможным, поэтому я пытаюсь снова. По сути, у меня есть проблема, где у меня есть div прокручиваемых сообщений и поле ввода под ним. Когда я нажимаю кнопку, я бы хотел, …

10 javascript  html  css  scroll  scrollbar 

Я пытался использовать что-то вроде этого, чтобы повысить производительность при переходе от простой целевой страницы к тяжелому одностраничному приложению: <link rel="prefetch" href="https://example.com" as="document" /> <link rel="prefetch" href="https://example.com/app.js" as="script" /> <link rel="prefetch" href="https://example.com/app.css" as="style" /> Кажется, что нет никакого заметного повышения производительности, когда моя целевая страница находится на поддомене. Скажем, https://subdomain.example.com. …

10 html  link-prefetch 

Я работаю над одностраничным веб-приложением, которое чаще всего будет использоваться на мобильных устройствах. Одной из его функций является режим карты, который временно занимает все окно браузера; шкала расстояний и некоторые элементы управления прикреплены к четырем углам карты. Вот небольшой скриншот карты, чтобы вы могли понять, о чем я говорю: Карта …

10 html  css  mobile-safari  fullscreen 

Чтобы заполнить всю высоту страницы, я использую height: 100%;теги html и body, и она работает нормально, пока браузер не будет закрыт и снова открыт. (Я не использую 100vh из-за проблем на мобильных устройствах https://nicolas-hoizey.com/2015/02/viewport-height-is-taller-than-the-visible-part-of-the-document-in -some-mobile-browsers.html ) Действия по воспроизведению: Откройте https://angelika94.github.io/rick/ в Google Chrome на iPhone (вы увидите, что навигация …

10 html  css  height  google-chrome-app 

Начиная с выпуска Chrome v78.0.3904.70, я вижу проблемы с использованием  со свойством CSS white-space: nowrap;. Кажется, что неразрывный пробел вызывает разрыв строки. При использовании text-overflow: ellipsisфактический текст не будет отображаться, поскольку он разбит за пределами контейнера. Кажется, только если текст слишком длинный для отображения. .box-inline { max-width: 120px; overflow: hidden; …

10 html  css  google-chrome  whitespace 

После небольшой части моего кода. Просто интересно узнать, почему ячейка "iphone" мигает только от iphone. PS. Я не могу использовать таблицу или список для структуры. Я также пытался использовать transform: translate3d(0,0,0);. По сути, мне нужно, чтобы первая ячейка была липкой как для левой, так и для верхней части на iPhone …

10 html  css 

Как я могу улучшить этот код для того, чтобы убрать безответственность / отставание страницы после выбора файла в диалоговом окне и нажатия кнопки «ОК»? Я тестировал файлы размером около 50-100 КБ function handleFileSelect(evt) { var files = evt.target.files; // FileList object // files is a FileList of File objects. List …

9 javascript  html 

Я поставил перед собой задачу создать визуально динамичный и интерактивный опыт только в HTML и CSS (без Javascript). До сих пор я не сталкивался ни с одной необходимой мне функцией, которую не мог бы сделать в чистом CSS и HTML. Этот, возможно, немного сложнее. Мне нужно , чтобы пользователь с …

9 html  css 

Я сделал оболочку, в которой я анимировал тот же эффект, что и Apple, на их странице Airpods Pro . Это в основном видео, когда я прокручиваю видео по частям. Положение видео фиксировано, поэтому текст хорошо прокручивается. Однако текст виден только между смещением определенного деления (отображение текста). Эта часть отлично работает. …

9 javascript  jquery  html  css 

У меня есть форма с зависимым раскрывающимся списком. Этот вторичный раскрывающийся список скрыт всякий раз, когда выбранная первичная опция не имеет никаких вторичных опций, и когда страница загружается впервые. Всякий раз, когда форма отправляется, очищается только первое поле, поскольку в большинстве случаев раскрывающиеся списки остаются неизменными, поскольку сценарий работает всякий …

9 javascript  python  html  django