Вопросы по тегу: html

(199)

Заставить гибкий элемент охватить всю ширину строки

Я пытаюсь сохранить первые 2 дочерних элемента в той же строке, в то время как третий элемент находится внизу на полную ширину, и все это при использовании flex.Меня особенно интересует использование свойств flex-grow и flex-shrink для первых двух элементов (это одна из причин, по которой я не использую проценты), однако третий элемент действительно должен быть полной ширины и ниже первых двух.Элемент label программно добавляется после элемента text при возникновении ошибки и невозможности изменить код.Как заставить элемент метки располагаться на 100 % по ширине ниже двух других элементов, расположенных с помощью flex? .родитель { дисплей: гибкий; выравнивание элементов: по центру; ширина: 100%; цвет фона: #ececec; } .родитель * { ширина: 100%; } .родитель #текст { минимальная ширина: 75 пикселей; гибкая усадка: 2,25; } Сообщение об ошибке
M

MPaul

4 года назад

Ответов: 1

Является ли innerHTML асинхронным?

Надеюсь, я не выставлю себя дураком, но я пытаюсь понять, что происходит в этих двух строчках кода:document.body.innerHTML = 'something'; alert('something else'); Я наблюдаю, что предупреждение появляется до того, как HTML был обновлен (или, может быть, он был, но страница не была обновлена/перекрашена/что-то еще)Проверьте это codepen, чтобы понять, что я имею в виду.Обратите внимание, что даже установка alert в setTimeout(..., 0) не помогает. Похоже, для innerHTML требуется больше циклов событий, чтобы фактически обновить страницу.РЕДАКТИРОВАТЬ:Забыл упомянуть, что использую Chrome и не проверял другие браузеры. Похоже, это видно только в Chrome. Тем не менее, мне все еще интересно, почему это происходит.
a

apieceofbart

5 лет назад

Ответов: 3

CSS: обходной путь для фонового фильтра?

backdrop-filter — новая функция CSS, которая еще недоступна в современных браузерах (по крайней мере, по состоянию на 1 июля 2016 г.). Chrome 51 поддерживает backdrop-filter с помощью флага Experimental Web Platform. Safari 9.1 поддерживает его с префиксом -webkit- Firefox 47 не поддерживается Находясь в таком непригодном для использования состоянии, я хотел бы знать, существует ли какой-либо альтернативный способ получить тот же результат.Обходные пути JS для размытие, оттенки серого,… также приветствуютсяРазработку фонового фильтра можно отслеживать через https://bugs.chromium.org/p/chromium/issues/detail?id=497522
r

ryanafrish7

6 лет назад

Ответов: 7

Измените размер изображения в блокноте Jupyter, используя уценку

Я хочу добавить изображение в блокнот Jupyter, и мне нужна определенная высота и ширина. Когда я пытаюсь добавить изображение, используя ![](img.png) код добавляет полное изображение, но в соответствии с размером изображения, и я не могу его контролировать. Я пытаюсь использовать ![](img.png =200x100), но тогда изображение не появляется.Кто-нибудь знает, как добавить изображение с заданными размерами?
A

Anil Verma

5 лет назад

Ответов: 7

Почему для центрирования элемента, который находится сверху: 50%, требуется translateY(-50%)?

Я вижу, что этот код работает для выравнивания div по вертикали внутри его родительского элемента:.элемент { положение: родственник; верх: 50%; трансформировать: перевестиY(-50%); } Вопрос почему? Моей первой мыслью было то, что родительский элемент охватывает больше, чем окно просмотра. Я сделал родительскую область просмотра высотой 100vh и шириной 100%. Это не сработало. Мне все еще нужен перевод или отрицательное смещение поля. Зачем мне нужно отрицательное смещение, если родительский элемент имеет значение margin: 0;? Это из-за расчетной маржи, которую я не учитываю?
l

ltrainpr

5 лет назад

Ответов: 4

SVG меняет цвет при повороте в Safari 10

Я только что столкнулся с очень странной проблемой, которая проявляется только в Safari 10. У меня есть игральные карты, изображения svg, которые иногда поворачиваются с помощью transform:rotate(xdeg).Карта, которую я использую, имеет рисунок красного блока. Когда он не повернут или повернут под прямым углом, то есть на 90, 180, 270, он выглядит нормально. Но под любым другим углом фоновый узор становится синим! Я только что получил отчет об этом от одного из моих пользователей и никогда не видел ничего странного. Все остальные браузеры работают нормально, Safari 9 работает нормально.Я предполагаю, что это просто очень странная ошибка в Safari 10, но есть идеи, как ее обойти? Я создал минимальную копию по адресу:https://jsfiddle.net/2zv4garu/1/
E

Einar Egilsson

5 лет назад

Ответов: 1

Как интерпретировались HTML-формы в начале 90-х?

В современной сети HTML-элемент отправляется и затем интерпретируется скриптом. Либо он интерпретируется языком программирования на стороне сервера (обычно PHP), либо скриптом на стороне клиента (почти всегда JavaScript).Формы существовали еще в начале 90-х.Как они тогда интерпретировались? Согласно этой статье в Википедии тогда существовала отправка HTML-форм по электронной почте, но она была ненадежной. Было ли это все, что было? Почему в HTML вообще есть формы, если они были так бесполезны без скриптов? Или это была ситуация типа курицы и яйца?
J

James Jones

5 лет назад

Ответов: 4

React не отключает автозаполнение

Как мне заставить реагировать это?
Y

Yaroslav

6 лет назад

Ответов: 15

ввод файла bootstrap 4 не показывает имя файла

У меня проблема с классом custom-file-input в Bootstrap 4. после того, как я выбрал файл, который я хочу загрузить, имя файла не отображается.Я использую этот код: Choose file Upload Есть идеи, как это исправить без особых сложностей?
T

Terchila Marian

4 года назад

Ответов: 9

Разрешить заголовок Access-Control-Allow-Origin с помощью API извлечения HTML5

Я использую API извлечения HTML5.var запрос = новый запрос('https://davidwalsh.name/demo/arsenal.json'); выборка (запрос). затем (функция (ответ) { // Преобразование в JSON вернуть ответ.json(); }).then(функция(j) { // Ура, `j` — это объект JavaScript console.log(JSON.stringify(j)); }).catch(функция(ошибка) { console.log('Запрос не выполнен', ошибка) }); Я могу использовать обычный json, но не могу получить данные по указанному выше URL-адресу API. Выдает ошибку: Fetch API не может загрузить https://davidwalsh.name/demo/arsenal.json. В запрошенном ресурсе отсутствует заголовок «Access-Control-Allow-Origin». Таким образом, доступ к источнику 'http://localhost' запрещен. Если непрозрачный ответ соответствует вашим потребностям, установите для режима запроса значение «no-cors», чтобы получить ресурс с отключенным CORS.
i

iNikkz

6 лет назад

Ответов: 7

execCommand() теперь устарела, какая альтернатива?

Я намеревался использовать метод Document.execCommand() вместе с атрибутом contenteditable для создания собственного редактора WYSIWYG. Но когда я проверил documentation на Document.execCommand(), я обнаружил, что он устарел. Какая современная (или существующая) альтернатива ему?
O

Omar

2 года назад

Ответов: 4

Сайт Github Pages не обнаруживает index.html

Я создал репозиторий страниц GitHub. Почему-то, когда я называю это https://[имя пользователя].github.io, это не работает, но работает, когда я называю его https://[имя пользователя].github.io/index.html* 100005*.Почему?
R

Ratan Senapathy

4 года назад

Ответов: 15

Удаление черных точек с li и ul

Я работаю над проектом и использую некоторые ul и li.Но я не могу понять, как удалить эти надоедливые черные точки, которые идут с этими списками.Кто-нибудь из вас может помочь мне с этим?Редактировать: я совершенно забыл выполнить поиск на этом сайте, если ответ уже был (сумасшедший), оказывается, он был! Отмечено как дубликат, спасибо всем за помощь!
P

ProRacer420

6 лет назад

Ответов: 3

Angular 2: Form submission canceled because the form is not connected

I have a modal that contains a form, when the modal is destroyed I get the following error in the console: Form submission canceled because the form is not connected The modal is added to a element which is a direct child to , my top level element. What's the correct way to removing a form from the DOM and getting rid of this error in Angular 2? I currently use componentRef.destroy();
n

nick

5 лет назад

Ответов: 11

H14 error in heroku - "no web processes running"

error H14 happen while deploying to heroku this is my procfile: web: gunicorn -w 4 -b 0.0.0.0:$PORT -k gevent main:app log on heroku: 2017-01-23T10:42:58.904480+00:00 heroku[router]: at=error code=H14 desc="No web processes running" method=GET path="/" host=meetcapstone.herokuapp.com request_id=df88efb5-a81a-4ac0-86dc-4e03d71266bb fwd="81.218.117.137" dyno= connect= service= status=503 bytes= 2017-01-23T10:42:59.009135+00:00 heroku[router]: at=error code=H14 desc="No web processes running" method=GET path="/favicon.ico" host=meetcapstone.herokuapp.com request_id=21cea981-36b0-4410-891f-548bbc29f0ee fwd="81.218.117.137" dyno= connect= service= status=503 bytes= requirements: Flask==0.11.1 passlib==1.7.0 SQLAlchemy==1.1.5 Werkzeug==0.11.15 gunicorn==19.0.0 gevent==1.2.1
R

Ron Miles

5 лет назад

Ответов: 16

Make grid container fill columns not rows

I want my grid to fill in vertically like this: 1 4 7 2 5 8 3 6 9 ... arbitrary number of additional rows. Instead, it fills in horizontally like this: 1 2 3 4 5 6 7 8 9 I want to specify the number of columns in my grid, not the number of rows. This is what my div looks like with inline CSS styling: 1 2 3 4 5 6 7 8 9 It's important that my grid be 3 columns wide, but I want the items to be populated by column, not by row. Is this possible in CSS Grid? I've read through this https://css-tricks.com/snippets/css/complete-guide-grid/ but didn't see anything about order. CSS Flexbox has flex-direction, isn't there an attribute like that for CSS Grid?
G

Glen Pierce

5 лет назад

Ответов: 5

Angular2 - Input Field To Accept Only Numbers

In Angular 2, how can I mask an input field (textbox) such that it accepts only numbers and not alphabetical characters? I have the following HTML input: The above input is a generic text input which may either be used as a simple text field or as a numeric field, for example, to show the year. Using Angular 2, how can I use the same input control and apply some sort of filter/mask on this field, such that it accepts only numbers? What are the different ways I can achieve this? Note: I need to achieve this using only textbox and not using input number type.
A

Aniruddha Pondhe

5 лет назад

Ответов: 39

How to put a link on a button with bootstrap?

How would one put a link on a button with bootstrap? there are 4 methods in the bootstrap documentation: Link Button Button The first one doesn't work for me, no button shows, just the text with the link, have a feeling its the theme im using. The second one shows the button which is what i want, but whats the code make the button link to another page when clicked? Cheers
P

Philayyy

6 лет назад

Ответов: 9

Jenkins - HTML Publisher Plugin - No CSS is displayed when report is viewed in Jenkins Server

I have a strange problem with the Jenkins HTML Publisher plugin, wherein all the fancy CSS I have added to the report is stripped out when viewed in Jenkins. If I download the report to local, I am able to see the CSS formatting. Is there a setting in Jenkins which allows CSS to be viewed? My HTML Publisher Settings in Jenkins: My Report Page when displayed in Jenkins : My Report Page when displayed in Local :
V

Vall

6 лет назад

Ответов: 16

How do I preserve line breaks when getting text from a textarea?

I am getting the value in a textarea when the user hits submit. I then take this value and place it elsewhere on the page. However, when I do this, it loses newline characters making the output pretty ugly. Here is the textarea I am accessing: Here is the JavaScript code accessing the post and transcribing it. var post = document.createElement('p'); var postText = document.getElementById('post-text').value; post.append(postText); var card = document.createElement('div'); card.append(post); var cardStack = document.getElementById('#card-stack'); cardStack.prepend(card); When the input is something like: Group Schedule: Tuesday practice @ 5th floor (8 pm - 11 pm) Thursday practice @ 5th floor (8 pm - 11 pm) Sunday practice @ (9 pm - 12 am) The output is: Group Schedule: Tuesday practice @ 5th floor (8 pm - 11 pm) Thursday practice @ 5th floor (8 pm - 11 pm) Sunday practice @ (9 pm - 12 am) So is there a way to preserve line breaks?
E

Ethan Vander Horn

5 лет назад

Ответов: 7

заставить css grid container заполнять весь экран устройства

Как заставить контейнер сетки css использовать всю ширину и высоту экрана устройства для одностраничного приложения? Модифицированный пример от Mozilla: документация Firefox .обертка { отображение: сетка; стиль границы: сплошной; цвет границы: красный; столбцы сетки-шаблона: повтор (3, 1fr); строки шаблона сетки: повтор (3, 1fr); зазор сетки: 10px; } .один { стиль границы: сплошной; цвет границы: синий; сетка-столбец: 1/3; сетка-ряд: 1; } .два { стиль границы: сплошной; цвет границы: желтый; сетка-столбец: 2/4; сетка-ряд: 1/3; } .три { стиль границы: сплошной; цвет границы: фиолетовый; сетка-ряд: 2/5; сетка-столбец: 1; } .четыре { стиль границы: сплошной; цвет границы: аква; сетка-столбец: 3; сетка-ряд: 3; } .пять { стиль границы: сплошной; цвет границы: зеленый; сетка-столбец: 2; сетка-ряд: 4; } .шесть { стиль границы: сплошной; цвет границы: фиолетовый; сетка-столбец: 3; сетка-ряд: 4; } Один Два Три Четыре Пять Шесть
m

metrix

5 лет назад

Ответов: 4

Как отключить предложения полей формы ввода html?

Под предложениями я подразумеваю раскрывающееся меню, которое появляется, когда вы начинаете печатать, и его предложения основаны на том, что вы ввели ранее:например, когда я набираю 'a' в поле заголовка, это дает мне массу предложений, которые довольно раздражают. Кто-нибудь знает, как это отключить? Заранее спасибо.
J

Joseph

5 лет назад

Ответов: 10

Как работает «позиция: липкая»; собственность работа?

Я хочу, чтобы панель навигации прилипала к верхней части окна просмотра, когда пользователь прокручивает страницу, но это не работает, и я понятия не имею, почему. Если вы можете помочь, вот мой код HTML и CSS: .container { мин-высота: 300vh; } .nav-selections { преобразование текста: прописные буквы; межбуквенный интервал: 5 пикселей; шрифт: 18px «лато», без засечек; дисплей: встроенный блок; текстовое оформление: нет; белый цвет; отступ: 18 пикселей; float: right; маржа слева: 50 пикселей; переход: 1,5 с; } .nav-selections: hover { переход: 1,5 с; черный цвет; } ul { цвет фона: # B79b58; перелив: авто; } li { тип-стиль-список: нет; } Связаться О программе Продукты Главная страница
H

Harleyoc1

5 лет назад

Ответов: 31

Заполните оставшуюся высоту или ширину в гибком контейнере

У меня два блока расположены бок о бок во флекс-боксе. Правая рука всегда должна быть одинаковой ширины, а я хочу, чтобы левая просто занимала оставшееся пространство. Но не будет, если я специально не установлю его ширину.Итак, на данный момент он установлен на 96%, что выглядит нормально, пока вы действительно не раздавите экран - тогда правому div немного не хватает места, которое ему нужно.Думаю, я мог бы оставить все как есть, но это неправильно - как будто должен быть способ сказать: правый всегда один и тот же; Вы слева - получаете все, что осталось .ar-course-nav { курсор: указатель; отступ: 8px 12px 8px 12px; радиус границы: 8 пикселей; } .ar-course-nav: hover { цвет фона: rgba (0, 0, 0, 0,1); } Название курса, которое действительно довольно длинное и может продолжаться немного, но потом, когда вы думаете, что он остановился, он продолжает действовать еще дольше! Очень-очень-очень-очень-очень-очень-очень-очень-очень-очень-очень длинное название отдела Создано: 21 сентября 2016 & gt;
A

Adam Benson

6 лет назад

Ответов: 2

Разница между jQuery, AngularJS и Node.js

Я только начинаю веб-разработку и пока знаю: HTML - верстка сайта CSS - чтобы он выглядел красиво JavaScript - функционал Тогда что такое jQuery, AngularJSи Node.js?Проведя быстрый поиск, я обнаружил, что jQuery - это «библиотека JavaScript», AngularJS - это «фреймворк интерфейсных веб-приложений на основе JavaScript», а Node.js - «среда выполнения JavaScript».Кажется, все они связаны с JavaScript, так это новые языки? Что означает «фреймворк / библиотека»?Был бы признателен за простой ответ. (Я только начинаю программировать в сети, но с программированием знаком).
K

K Split X

5 лет назад

Ответов: 6

`col-xs-*` not working in Bootstrap 4

I have not encountered this before, and I am having a very hard time trying to find the solution. When having a column equal to medium in bootstrap like so:Hello, world! vicki williams The text-align works fine: But when making the column equal to extra small like so: vicki williams Then the text-align no longer works: Is there some bootstrap concept that I am not understanding or is this in fact a error like I think it is. I have never had this issue, as my text always has aligned in the past with xs. Any help would be greatly appreciated. Here is my complete code: Hello, world! vicki williams
Y

YoungCoder

5 лет назад

Ответов: 6

Vue.js получает выбранную опцию на @change

Во-первых, я хочу сказать, что я новичок в Vue, и это мой первый проект, когда-либо использующий Vue.У меня есть поле со списком, и я хочу сделать что-то другое в зависимости от выбранного поля со списком. Я использую отдельный файл vue.html и TypeScript. Вот мой код: Ежегодный отпуск / выходной Отпуск по требованию Вот мой файл TypeScript: onChange (значение) { console.log (значение); } Как мне получить значение выбранного параметра в моей функции TypeScript? Спасибо.
h

hphp

4 года назад

Ответов: 6

Объединение переменных и строк в React

Есть ли способ включить в React обозначение фигурных скобок и тег href? Скажем, у нас есть следующее значение в состоянии:{this.state.id} и следующие атрибуты HTML в теге:href="#demo1" id="demo1" Есть ли способ добавить состояние id в атрибут HTML, чтобы получить что-то вроде этого:href={"#demo + {this.state.id}"} Что даст:#demo1
l

lost9123193

5 лет назад

Ответов: 5

Как проще всего найти идентификатор Slack-команды и идентификатор канала?

Мы пытаемся настроить диплинкинг в Slack, как описано здесь:https://api.slack.com/docs/deep-linkingВ документе указано, что для открытия определенной команды необходимо использовать следующий URL: slack: // open? Team = {TEAM_ID} Откройте Slack и переключите команды на указанную команду. Предоставленный TEAM_ID должен быть строкой, например T12345. Кроме того, чтобы открыть канал в команде, следует использовать следующий URL: резерв: // канал? Team = {TEAM_ID} & id = {CHANNEL_ID} Открыть канал, указанный в CHANNEL_ID в поле id, как C024BE91L. Также необходимо указать команду с TEAM_ID. Мой вопрос простой. Где я могу узнать, какой TEAM_ID мне нужен и какой CHANNEL_ID мне нужен?
l

lfboulanger

5 лет назад

Ответов: 10

Обертывание ссылки response-router в кнопку html

Предлагаемым методом: Это результат: Ссылка в кнопке, Код между строками комментариевМне было интересно, есть ли способ обернуть элемент Link из 'response-router' в тег HTML button с помощью response.В настоящее время у меня есть компоненты Link для навигации по страницам в моем приложении, но я хотел бы сопоставить эту функциональность с моими кнопками HTML.
J

Jose Rivera

5 лет назад

Ответов: 15

2022 WebDevInsider